CSS Flexbox

Цель урока — ознакомиться с основами технологии Flexbox, общими понятиями и принципами логики работы технологии Flexbox, выработать понимание того, как использовать Flexbox на практике. Познакомиться с первоначальной простой структурой перед созданием лендинга страницы (одностраничный лендинг) и разобраться с тем, как выполнять первые шаги при верстке. Также рассмотреть создание простого меню на сайте с использованием флексбокс технологии.

Цель урока — ознакомиться с основными используемыми свойствами на практике и получить понимание того, когда их использовать. Разобрать какие есть возможности у свойств align-items, flex-wrap, order, а также их нюансы и преимущества использования.

Цель урока — разобрать, как, зачем и когда нужно сменить направление основного потока. Просмотреть, какие нюансы возникают при смене потока. Рассмотреть, каким становится поведение у свойства margin с Flexbox элементами, каким образом можно использовать медиа запросы при верстке макета, используя Flexbox технологию. Ознакомиться со свойством flex-direction и тем, как меняет свое поведение свойство margin с использованием флексбоксов.

Цель урока — познакомиться со свойствами flex-grow и flex-shrink для создания «резиновой» верстки. Познакомиться с процессом завершения планшетной и мобильной версии простой страницы без использования дополнительных правил медиа запросов.