Sobes.tech
Intern

Разкажи ми за последния интересен факт, който научи за CSS.

sobes.tech AI

Отговор от AI

В CSS се появи много интересна възможност — Container Queries (Запитвания към контейнера). Те позволяват да се прилагат стилове не само в зависимост от размера на прозореца на браузъра (като media queries), но и в зависимост от размера на родителския контейнер. Това е особено полезно за създаване на адаптивни компоненти, които могат да променят вида си в зависимост от мястото, където се използват, а не само от ширината на екрана.

Пример за използване:

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

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

Тук .card става контейнер, и вътре в него стиловете се променят, ако ширината на контейнера е по-голяма от 400px. Това отваря нови възможности за модулен и адаптивен дизайн.