FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика

Продолжаем учить верстку на флексах и пришло время практического занятия. Я сверстаю небольшой макет демонстрируя возможности модуля flexbox применяя его в разный ситуациях. Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера. Файлы урока:
Макет
Шпаргалка по Flexbox:
Весь плейлист по FlexBox:    • FLEXBOX. Учимся верстать на флексах.   Дополнительно, игра flexboxfroggy:
Методология БЭМ за 17 минут:    • Методология БЭМ за 17 минут. Пример в...   Sublime Text 3 настройка установка плагины:    • Sublime Text 3 настройка установка пл...   Получить доступ к плюшкам + поддержать канал:   / freelancerlifestyle   Telegram канал:
(
Telegram чат по верстке:
(
Facebook:   / freelancerlifestyle   Instagram:   / freelancer.lifestyle   Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал:    / freelancerlifestyle   Живи, а работай в свободное время! ©