Solucionado
Bueno, eso. No funciona, Y está igual que el del profe. Va el css
@media screen and (max-width:480px){ h1{ text-align: center; }
nav{
position: static;
}
.caja, .principal, .mapa-contenido, .contenido-diferenciales, .video{
width: auto;
}
.lista-diferenciales, .imagen-diferenciales{
width: 100%
}}
y en el Dev no se producen los cambios, según foto:
EDIT: YA LO SOLUCIONEEEEEEEEEEEEE. ERA UNA PAVADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
Pongo acá porque no puedo eliminar el post
Hola, tengo el mismo problema. Podes decirme como lo solucionaste? Gracias
Lo mío era una pavada de escritura. Cuando coloqué meta de viewport, puse width:device-width. Cuando lo correcto era: width=device-width (había puesto dos puntos en lugar de =)
Al menos eso fue lo que yo tenía y luego funcionó.
jajaj me paso lo mismo me falto el width= <meta name="viewport" content="width=device-width"> y me volví loco por que no aplica sin querer revise el código agregue una letra demás en la clase diferenciales, a no perder la paciencia.
Estuve dos horas viendo el codigo hasta que me di cuenta que en el ultimo width habia puedo la h antes de la t. jaja
Tuve el mismo problema y por lo mismo era un "=" creo que necesito lentes porque juro que vi un "-"