@media screen and (max-width:480px){
.caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video,{
width:auto;
}
h1{
text-align:center;
}
nav{
position:static;
}
.lista-beneficios, .imagem-beneficios, .produtos{
width: 100%;
}
header{
width: 940px;
text-align: center;
}
.produtos li {
width: 928px;
}
footer{
width: 940px;
text-align: center;
}
}
Oi, Rogers, tudo bem?
Você conseguiu deixar a página responsiva? No caso, você tentou utilizar margin: 0 auto e não conseguiu?
Oi Laís! tudo sim, e você?
consegui ajustar apenas os textos, os inputs não estou conseguindo...
@media screen and (max-width:480px){
form label,
form legend{
font-size: 20px;
margin: 0 0 0 0%;
}
label{
text-align: center;
}
table{
margin:0 auto;
}
fieldset,p{
text-align: center;
}
footer{
width: 940px;
text-align: center;
}
}