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