Papaskink apie paskutinį įdomų faktą, kurį sužinojai apie CSS.

CSS'eje atsiradusi labai įdomi galimybė — Container Queries (Konteinerių užklausos). Jos leidžia taikyti stilių ne tik priklausomai nuo naršyklės lango dydžio (kaip media queries), bet ir nuo tėvinio konteinerio dydžio. Tai ypač naudinga kuriant adaptuojamus komponentus, kurie gali keisti savo išvaizdą priklausomai nuo to, kur jie naudojami, o ne tik nuo ekrano pločio.

Pavyzdys:

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

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

Čia .card tampa konteineriu, ir jo viduje stiliai keičiasi, jei konteinerio plotis didesnis nei 400px. Tai atveria naujas galimybes moduliariam ir adaptuojamam dizainui.