CSS жөнүндө акыркы кызыктуу факт жөнүндө мага айтып бер.

CSSте абдан кызыктуу мүмкүнчүлүк пайда болду — Container Queries (Контейнерлердин суроолору). Алар браузер терезесинин өлчөмүнө гана эмес, ошондой эле ата-эненин контейнеринин өлчөмүнө да стили колдонууга мүмкүндүк берет. Бул өзгөчө адаптивдүү компоненттер түзүүдө пайдалуу, алар колдонулуп жаткан жерине карап өз көрүнүшүн өзгөртө алат, жана экрандын кеңдигине гана көз каранды эмес.

Колдонуу мисалы:

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

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

Мында, .card контейнер болуп калат, жана анын ичинде стильдер өзгөрөт, эгер контейнердин кеңдиги 400pxден чоң болсо. Бул модулдук жана адаптивдүү дизайн үчүн жаңы мүмкүнчүлүктөрдү ачат.