Formation Prestashop intégrateur: Guide CSS / Emplacement des media queries

Vous êtes ici : Accueil / Prestashop intégrateur / Guide CSS / Emplacement des media queries


Emplacement des media queries

  • Placez les media queries le plus proche possible des règles qu'elles impactent.
  • Ne les mettez pas toutes dans une feuille de style différente ou à la fin du document.
  • En faisant ainsi, vous rendez la chose plus aisée pour les autres de ne pas les rater.

Voici un exemple typique :

.element { ... }
.element-avatar { ... }
.element-selected { ... }

@media (min-width: 480px) {
  .element { ...}
  .element-avatar { ... }
  .element-selected { ... }
}