Question

que tal, esoty manejando media queries junto con el meta viewport para los diferentes tamaños de pantalla, pero tengo un problema, al aplicar :

@media screen and (max-width: 800px) {
.jed{
height: 3%;
}

me deja un espacio mas grande del que debe de ser, de hecho, me toma el tamaño original:

.jed{
height: 7%;
}

osea que el media querie no reconoce la medida en firefox

estas son las capturas de pantalla, la primera es el tamaño con 7%

y esta es ya con el error que muestra firefox

o que estoy haciendo mal?

Saludos

Answer 1

Hola @tonho.lb, recuerda que la declaración de las media queries debe estar despues de las clases objetivo.

deberia ser en este orden:

.jed{
    height: 7%;
}

@media screen and (max-width: 800px) {
    .jed{
        height: 3%;
    }
}