📘Media queries : s'adapter à l'écran

Une media query applique du CSS selon la taille de l'écran : c'est le cœur du responsive.

@media (max-width: 600px) { … } ne s'applique qu'en dessous de 600px de large — idéal pour réorganiser la mise en page sur mobile.

@media (max-width: 600px) {
  .menu { flex-direction: column; }
}