CSS haqqında öyrəndiyin son maraqlı fakt haqqında danış.

CSS-də çox maraqlı bir imkan ortaya çıxdı — Container Queries (Kapsayıcı Sorğuları). Bunlar, tərtibatı yalnız brauzer pəncərəsinin ölçüsünə (media queries kimi) deyil, həm də valideyn konteynerinin ölçüsünə görə tətbiq etməyə imkan verir. Bu, istifadə olunduğu yerə görə görünüşünü dəyişə bilən uyğunlaşan komponentlər yaratmaq üçün xüsusilə faydalıdır və yalnız ekran genişliyinə bağlı deyil.

İstifadə nümunəsi:

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

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

Burada, .card konteynerə çevrilir və onun içindəki stillər konteynerin genişliyi 400px-dən çox olarsa dəyişir. Bu, modulyar və uyğunlaşan dizayn üçün yeni imkanlar açır.