CSS

Media Queries ne fonctionne pas

Résolu

Bonjour,


J'ai présentement une feuille de style avec mes media queries dans le bas. Le truc, c'est que seulement les deux premières règles fonctionnent, mais pas celle pour les appareils de moins de 768px.



@media only screen and (max-width: 1024px) {
  nav {display: none;}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .retournerContainer{display: none;}
  #Nouvelles aside{display: none;}
  .galerie-container{
    grid-template-columns33.3% 33.3% 33.3%;
  }
}

@media only screen and (max-width: 768px) {
  .retournerContainer{display: none;}
  #Nouvelles aside{display: none;}
  .galerie-container{
    grid-template-columns1fr;
    padding1em;
    grid-row-gap100px;
  }
}
5204 vues
13 décembre 2019 à 16:36 (Édité)
Cette pub permet au site de vivre ...

11 commentaires

@Buildex,


Essaye de retirer le 'only' a mon humble avis il est en trop et test ;)

Cette pub permet au site de vivre ...
1
2