Oi, pessoal. Tudo bem?
Estou com uma dúvida e gostaria de ajuda. Segui exatamente o que foi mostrado nas aulas e apliquei as media queries da mesma forma que foi ensinada. Porém, mesmo fazendo tudo certinho, meu site não está ficando adaptativo em telas de tablet e celular.
Alguém já passou por isso ou sabe o que posso estar fazendo de errado?
Olá, Larissa!
Agradeço por compartilhar sua dúvida no fórum.
É importante analisar alguns pontos para tentar identificar a origem do problema. Abaixo, listo alguns aspectos fundamentais que podem ajudar na solução:
<head> do seu HTML:<meta name="viewport" content="width=device-width, initial-scale=1.0">
Uso de unidades fixas
Evite utilizar apenas valores em pixels. Dê preferência a unidades relativas, como %, em, rem, vw e vh, pois elas se adaptam melhor a diferentes tamanhos de tela.
Sintaxe das media queries
Confira se não há erros de digitação e se a estrutura está correta, por exemplo:
@media (min-width: 768px) {
/* seus estilos */
}
Esses são alguns dos pontos mais comuns que causam esse tipo de problema. Caso a situação persista, peço que anexe imagens ou trechos do código, além de prints mostrando como o site está sendo exibido no dispositivo.
Abraços!