[HTML academy] Навык «Адаптивные и резиновые сетки на флексбоксе». Тариф «Полный комплект» (2020)

[HTML academy] Навык «Адаптивные и резиновые сетки на флексбоксе». Тариф «Полный комплект» (2020)

Описание навыка

Профессиональная задача:
Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием флексбокса. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнению контентом, изменению количества колонок) и должна визуально соответствовать макету.

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

Материалы комплекта

Методика
4 кейса лёгкого уровня
3 кейса среднего уровня
3 кейса сложного уровня
Дополнительная теория