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

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

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

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

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

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

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