Quando eu tento deixar minhas páginas de produtos e contatos responsivo, depois de atualizar o site, ele continua da mesma forma sem a responsividade
Código
@media screen and (max-width: 480px) {
/*css index*/
.principal, .mapa, .beneficios {
padding: 2em;
}
.caixa, .principal-conteudo, .mapa-conteudo, .conteudo-beneficios, .video {
width: auto;
}
h1 {
text-align: center;
}
nav {
position: static;
text-align: center;
}
.lista-beneficios, .imagem-beneficios {
width: 100%;
}
/*css produtos*/
.produtos {
width: 100%;
padding: 0;
}
.produtos li {
display: block;
width: 90%;
margin: 2em auto;
}
/*css contato*/
.conteudo-main {
width: auto;
margin: 2em;
}
.input-padrao {
width: 90%;
}
.enviar {
width: 100%;
}
}
