Описание навыка
Профессиональная задача:
Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием флексбокса. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнению контентом, изменению количества колонок) и должна визуально соответствовать макету.
Зачем нужен этот навык:
Грамотно построенная сетка не просто выстраивает элементы как на макете, но и делает свёрстанную страницу «пуленепробиваемой»: все элементы будут вести себя предсказуемо, не рассыпятся при изменении контента и не потребуют постоянных доработок из-за поломки в непредсказуемом месте. Флексбокс — универсальный инструмент для построения устойчивых сеток. Он работает во всех современных браузерах и гибко настраивается в коде.
Материалы комплекта
- Методика
- 4 кейса лёгкого уровня
- 3 кейса среднего уровня
- 3 кейса сложного уровня
- Дополнительная теория
