Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
<meta name="viewport" content="width=device-width, initial-scale=1.0"> @media screen and (max-widht: 480px) {
.caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video {
width: auto;
}
h1 {
text-align: center;
}
nav {
position: static;
}
.lista-beneficios , .imagem-beneficios {
width: 100%;
}
tente mas não consegui encontrar o erro!
Boa noite, o erro está no trecho (max-widht: 480px), o correto seria width
Obrigado!