CSS туралы соңғы қызықты факті туралы айта аласыз ба?

В CSS появилась очень интересная возможность — контейнерные запросы (Container Queries). Они позволяют применять стили не только в зависимости от размера окна браузера (как в media queries), но и от размера родительского контейнера. Это особенно полезно для создания адаптивных компонентов, которые могут менять свой вид в зависимости от того, где они используются, а не только от ширины экрана.

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

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

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

Здесь .card становится контейнером, и внутри него стили меняются, если ширина контейнера больше 400px. Это открывает новые возможности для модульного и адаптивного дизайна.