Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Responsividade não funciona

Boa tarde, galera. Tudo bem? Espero que sim. Poderiam me ajudar numa dúvida?

Então, terminei meu projeto do Alura Cast, porém quando fui conferir o link no celular, ficou desconfigurado o projeto. Alguém poderia dar uma olhada e me indicar onde errei? Obrigado desde já.

Link do projeto: https://samirgomes.github.io/alura.cast/ Link do meu GitHub: https://github.com/samirgomes/alura.cast

2 respostas
solução!

Oi Samir, tudo bem com você?

Se você está enfrentando problemas de desconfiguração em seu projeto quando acessado no celular, é provável que essas regras de mídia (media queries) não estejam sendo aplicadas corretamente ou estão causando resultados inesperados.

Aqui estão algumas coisas que você pode verificar para resolver o problema:

  • Verifique se as media queries estão corretas: Certifique-se de que as dimensões especificadas nas media queries correspondam ao que você deseja segmentar (por exemplo, max-width: 1023px para telas menores que 1024px).
  • Certifique-se de que o CSS está vinculado corretamente: Verifique se o arquivo CSS está sendo carregado corretamente em todas as telas. Às vezes, erros no caminho do arquivo podem impedir que as atualizações sejam aplicadas.
  • Verifique se não há outros estilos que anulem as regras responsivas: Outros estilos CSS podem estar interferindo nas regras de mídia. Verifique se não há conflitos entre diferentes estilos.
  • Verifique se as classes estão sendo aplicadas corretamente: Certifique-se de que as classes que você está selecionando nas regras de mídia estão sendo aplicadas aos elementos corretos em seu HTML.

Espero que com esses passos você consiga resolver o problema, se continuar com dúvidas, estou à disposição.

Abraços e bons estudos!

Tudo ótimo, Maria Eduarda. E você?

Muito obrigado por sua ajuda. De fato era a questão dos Media Queries, foi necessário ajustar o Min e Max para adequação de telas. Abraços!