2
respuestas

[Duda] No se ajusta en la pagina contactos

No se ajusta la pagina contacto en celular![

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

@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%;
}

}

2 respuestas

hola sebastian, mira recuerda algo, existe un archivo style que va a tomar todos los archivo html y va a ser un solo estilo para todos, revisa bien el curso nuevamente asi solo haces una sola @mediaquery, y todas las pagina se deben ajustar cada vez que las abras `


@media screen and (max-width:650px){

body{
      background-color: red;
 }

.contenedor,.contenedor_texto, .diferenciales{
      width: auto;
}
h1{
       text-align: center;
}
nav{
       position: static; 
       text-align: start;   
}

nav li{
       margin: 0 0 0 auto;
}

.titulos{
      font-size: 20px;
}

.frames div{
   width: 100%;
   margin-left: 0%;
 
}

.diferenciales ul, .img_diferenciales{
   width: 100%;
}

   
}
   

revisa que te funciona de aqui pero lo bueno es que tomes un archivo nuevo css, y vayas creando alli cada una de las propiedades de cada paguna, recuerda linquearlas al mismo css y esta seria las media query que podrias usar, el body en backgroud red, es solo una prueba lo puedes eliminar

Hola, Sebastián. Pusiste la etiqueta meta de viewport en el html de esta hoja?