![](Tengo un gran problema al hacer los media queries. Cuando llevo la pantalla al breakpoint, hay un cambio pero no se acomoda como se l...

Nilo Sebastián Costa Huntter

Pregunta

student•hace 4 años

![](Tengo un gran problema al hacer los media queries. Cuando llevo la pantalla al breakpoint, hay un cambio pero no se acomoda como se lo dije en el css, el devtools me lo reconoce hasta cierto punto, pero como ven en la imagen, tengo que destildar esos dos marcados con circulo rojo y ahí me toma los de media query de abajo y se acomoda. Alguien sabe el por qué no lo hace automáticamente?)

Nilo Sebastián Costa Huntter

student•hace 4 años

@RetaxMaster Solo quiero decirte que tu comentario me salvó el día. Era tan simple lo que tenía que hacer. (me funcionó) Te agradezco!

Carlos Eduardo Gomez García

teacher•hace 4 años

¡Hola!, tienes un problema de especificidad, cuando el navegador te tacha unos estilos y toma otros que están alojados en otra regla CSS es porque el navegador considera más importante esas otras reglas de CSS.

La pauta que sigue el navegador para determinar que una regla es más importante que otra es simplemente ver cuál regla es más específica, en tu caso,

blogposts-news-gryf-container .blogposts-news

es una regla mucho más específica que

.flex-box

, es por eso que toma los primeros estilos, necesitas mejorar la especificidad de tus media queries.

Te sugiero tomar el Curso Definitivo de HTML y CSS para que aprendas sobre especificidad en CSS.

También puedes mirar este hilo de @teffcode para que aprendas más sobre ello ^^

![](Tengo un gran problema al hacer los media queries. Cuando llevo la pantalla al breakpoint, hay un cambio pero no se acomoda como se l...

Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]