Vertel me over de laatste interessante feit dat je hebt geleerd over CSS.

In CSS is een heel interessante mogelijkheid verschenen — Container Queries. Ze maken het mogelijk om stijlen niet alleen afhankelijk te maken van de grootte van het browservenster (zoals media queries), maar ook van de grootte van de oudercontainer. Dit is vooral handig voor het maken van responsieve componenten die hun uiterlijk kunnen aanpassen afhankelijk van waar ze worden gebruikt, en niet alleen op basis van de schermbreedte.

Voorbeeld van gebruik:

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

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

Hier wordt .card een container, en de stijlen binnenin veranderen als de breedte van de container groter is dan 400px. Dit opent nieuwe mogelijkheden voor modulaire en responsieve ontwerpen.