Flexbox с нуля
Этот путь познакомит вас с Flexbox: вы разберетесь, как он устроен, научитесь управлять расположением элементов и применять его при верстке интерфейсов.
Базовые требования
Перед началом пути желательно уверенно владеть основами HTML и CSS: уметь создавать разметку, подключать стили, работать с классами, размерами, отступами и базовыми CSS-свойствами. Знание Git и GitHub также пригодится для выполнения практических заданий.
Что вы получите
- уверенность в работе с Flexbox;
- понимание того, как элементы располагаются и выравниваются внутри flex-контейнера;
- умение управлять направлением, переносом и распределением элементов;
- понимание того, как Flexbox распределяет свободное пространство;
- практический навык применения Flexbox при верстке интерфейсов.
Фрагменты пути
Что такое Flexbox
СтатьяПанель фильтров
ЗаданиеНаправление и распределение элементов в Flexbox
СтатьяВертикальное меню
ЗаданиеПеренос элементов в Flexbox
СтатьяУчастники встречи
ЗаданиеКак Flexbox распределяет свободное пространство
СтатьяКарточки товара
ЗаданиеFlexbox в реальных интерфейсах
СтатьяШапка сайта
ЗаданиеHouse
Итоговое задание