Parle-moi du dernier fait intéressant que tu as appris sur CSS.

Une fonctionnalité très intéressante est apparue en CSS : les requêtes de conteneur (Container Queries). Elles permettent d'appliquer des styles non seulement en fonction de la taille de la fenêtre du navigateur (comme les media queries), mais aussi en fonction de la taille du conteneur parent. Cela est particulièrement utile pour créer des composants adaptatifs qui peuvent changer d'apparence en fonction de leur contexte d'utilisation, et pas seulement de la largeur de l'écran.

Exemple d'utilisation :

.card {
  container-type: inline-size;
}

@container (min-width: 400px) {
  .card {
    background-color: lightblue;
  }
}

Ici, .card devient un conteneur, et ses styles changent si la largeur du conteneur dépasse 400px. Cela ouvre de nouvelles possibilités pour un design modulaire et adaptatif.