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...