Erzähl mir den letzten interessanten Fakt, den du über CSS gelernt hast.

In CSS ist eine sehr interessante Möglichkeit aufgetaucht — Container Queries. Sie ermöglichen es, Stile nicht nur abhängig von der Größe des Browserfensters (wie bei Media Queries) anzuwenden, sondern auch von der Größe des übergeordneten Containers. Das ist besonders nützlich für die Erstellung von adaptiven Komponenten, die ihr Aussehen je nach Einsatzort ändern können, und nicht nur anhand der Bildschirmbreite.

Beispiel für die Verwendung:

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

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

Hier wird .card zu einem Container, und innerhalb davon ändern sich die Stile, wenn die Breite des Containers größer als 400px ist. Das eröffnet neue Möglichkeiten für modulare und adaptive Designs.