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

В CSS появилась очень интересная возможность — контейнерные запросы (Container Queries).

Короткий ответ

Что ответить на собеседовании

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

Подробный разбор

Ответ с пояснениями

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

Пример:

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

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

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

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее