Abaixo segue a minha resposta do exercício da SEXTA seção do "HTML5 e CSS3 parte 4: A primeira página da Web".
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
Abaixo segue a minha resposta do exercício da SEXTA seção do "HTML5 e CSS3 parte 4: A primeira página da Web".
Arquivo: style.css
@media screen and (max-width: 480px) {
.caixa,
.principal,
.conteudo-beneficios,
.mapa-conteudo,
.video {
width: auto;
}
h1 {
text-align: center;
}
nav {
position: static;
text-align: center;
}
.lista-beneficios,
.imagem-beneficios {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
}