Media Queries ne fonctionne pas

Par Buildex le 13 Décembre 2019 à 16:36 (Édité) 11 +99

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;
  }
}
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 ...