CSS haqida o'rgangan oxirgi qiziqarli fakt haqida gapir.

CSSda juda qiziqarli imkoniyat paydo bo‘ldi — Container Queries. Ular brauzer oynasining o‘lchamiga (media queries kabi) bog‘liq bo‘lish bilan birga, ota konteynerning o‘lchamiga ham bog‘liq bo‘lish imkonini beradi. Bu, foydalanish joyiga qarab o‘zgaradigan, moslashuvchan komponentlar yaratishda juda foydali, va faqat ekran kengligiga bog‘liq emas.

Foydalanish misoli:

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

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

Bu yerda .card konteynerga aylanadi, va uning ichidagi uslublar konteyner kengligi 400px dan oshganda o‘zgaradi. Bu, modulyar va moslashuvchan dizayn uchun yangi imkoniyatlar ochadi.