Тест: Flexbox
Тест «Flexbox»: тематические вопросы по HTML и CSS, мгновенная проверка ответов и практическое задание для закрепления.
Тест по теме Flexbox
Цель темы «Flexbox» — распределить элементы по доступному пространству без зависимости от одного макета. В теме «Flexbox» количество и размер элементов должны зависеть от пространства контейнера. Проверьте «Flexbox» на панели управления с асинхронным обновлением данных, выполнив действие: проверьте minmax или flex-basis, минимальную ширину содержимого и gap.
Создайте два варианта «Flexbox» в рабочем фрагменте интерфейса: корректный и содержащий риск «фиксированное число широких колонок создаёт переполнение на узком экране». Объясните различие вариантов «Flexbox» по наблюдаемому результату.
Спецификации и источники
Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.