Opowiedz mi o ostatnim ciekawym fakcie, którego się dowiedziałeś o CSS.

W CSS pojawiła się bardzo interesująca funkcja — zapytania kontenerowe (Container Queries). Pozwalają one na stosowanie stylów nie tylko w zależności od rozmiaru okna przeglądarki (jak media queries), ale także od rozmiaru nadrzędnego kontenera. Jest to szczególnie przydatne do tworzenia komponentów responsywnych, które mogą zmieniać swój wygląd w zależności od miejsca użycia, a nie tylko od szerokości ekranu.

Przykład użycia:

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

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

Tutaj .card staje się kontenerem, a style wewnątrz niego zmieniają się, jeśli szerokość kontenera jest większa niż 400px. To otwiera nowe możliwości dla modularnego i responsywnego projektowania.