Карточка Middle Адаптивность обновлено
Контейнерные запросы
Вопрос
Что такое контейнерные запросы и как их включить?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Условия @container по размеру предка-контейнера, а не экрана. Предку задают container-type: inline-size (можно с именем через container), и правила внутри @container (width 400px) применяются к его потомкам.
Ответ
Условия @container по размеру предка-контейнера, а не экрана. Предку задают container-type: inline-size (можно с именем через container), и правила внутри @container (width > 400px) применяются к его потомкам. Единицы cqi, cqw считаются от контейнера.
Разбор
Подходят для переиспользуемых компонентов, которые живут в местах разной ширины.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.