Mesélj a legutóbbi érdekes tényről, amit a CSS-ről megtudtál.

A CSS-ben megjelent egy nagyon érdekes lehetőség — a Container Queries (Konténer Lekérdezések). Ezek lehetővé teszik, hogy stílusokat alkalmazzunk nemcsak az ablak méretétől függően (mint a media queries), hanem a szülő konténer méretétől is. Ez különösen hasznos az adaptív komponensek létrehozásához, amelyek megjelenése változhat attól függően, hogy hol használják őket, és nem csak a képernyő szélességétől.

Használati példa:

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

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

Itt a .card konténerré válik, és a belső stílusok változnak, ha a konténer szélessége nagyobb, mint 400px. Ez új lehetőségeket nyit a moduláris és adaptív tervezéshez.