Когда нужен контейнерный запрос
Вопрос
Одна и та же карточка товара стоит в узком сайдбаре и в широкой ленте на одном экране. Нужно, чтобы в сайдбаре она была вертикальной, а в ленте горизонтальной. Что подходит лучше всего?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Варианты ответа
- Медиазапрос по ширине экрана устройства
- Два разных компонента карточки под каждое место
- Контейнерный запрос по ширине места карточкиправильный ответ
- Медиазапрос
@media (orientation: landscape)
Разбор
Ширина экрана одна и та же, различается ширина родителя, поэтому медиазапрос и ориентация не помогут: обе карточки получат одинаковые стили. Два компонента дублируют код и привязывают карточку к месту. Контейнерный запрос реагирует на размер обёртки, и компонент сам подстраивается под любое место.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Предыдущий вопрос
Контейнер не может запросить сам себя
Следующий вопрос
em и rem во вложенных элементах