Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Adaptar a tela para celular

Segui o curso passo a passo, e até a parte de adaptar para celular estava tudo bem, nessa parte, mesmo fazendo as alterações conforme apresentadas no vídeo, não funcionou.... No HTML inclui:meta name="viewport" content="width=device-width">

No CSS: @media screen (max-width: 480px) { .caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video { width: auto; }

h1 {
    text-align: center;
}

nav {
    position: static;
}

.lista-beneficios, .imagem-beneficios {
    width: 100%;
}

}

Realmente não sei o que está errado...

1 resposta
solução!

Consegui encontrar o erro.... faltava a palavra "and" no @media, entre screen e (max-width: 480px)