@media screen and (max-width:480px){
h1{
text-align: center;
}
nav{
position: static;
}
.caja, .principal, .mapa-contenido, .contenido-diferenciales, .video{
width: auto;
}
}
@media screen and (max-width:480px){
h1{
text-align: center;
}
nav{
position: static;
}
.caja, .principal, .mapa-contenido, .contenido-diferenciales, .video{
width: auto;
}
}
Proba usando esta sintaxis:
@media ( max-width: 480px ) {...}
A mi me funcionó de esta manera. Saludos
Tallei Franco gracias! Tu solución me funcionó de maravilla, aún quedaron algunas cosas por ajustar pero por fin me tomó el responsive :)