Pověz mi o posledním zajímavém faktu, který jsi se dozvěděl o CSS.

V CSS se objevila velmi zajímavá funkce — Container Queries (Dotazy na kontejnery). Umožňují aplikovat styly nejen v závislosti na velikosti okna prohlížeče (jako media queries), ale také podle velikosti rodičovského kontejneru. To je obzvlášť užitečné pro tvorbu adaptivních komponent, které mohou měnit svůj vzhled v závislosti na místě použití, a nikoli pouze podle šířky obrazovky.

Příklad použití:

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

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

Zde se .card stává kontejnerem a uvnitř něj se styly mění, pokud je šířka kontejneru větší než 400px. To otevírá nové možnosti pro modulární a adaptivní design.