Fiz o CSS responsivo simples porém ficou bom para ver no mobile.
O CSS da página produtos ficou assim:
@media screen and (max-width: 480px){
.caixa,.produtos{
width: auto;
}
h1{
text-align: center;
}
nav{
position: static;
text-align: center;
}
.produtos{
margin: 0 2%;
}
.produtos li{
width:100%;
margin:auto;
}
}
`Da página Contato ficou:
@media screen and (max-width: 480px){
.caixa,main{
width: auto;
margin: 0 2%;
}
h1{
text-align: center;
}
nav{
position: static;
text-align: center;
}
}
