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

Продолжаем учить верстку на флексах и пришло время практического занятия. Я сверстаю небольшой макет демонстрируя возможности модуля flexbox применяя его в разный ситуациях. Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера.

🔴 Файлы урока: https://fls.guru/files/tutorials/flex...
🔴 Макет https://fls.guru/files/tutorials/flex...
🔴 Шпаргалка по Flexbox: https://fls.guru/flexbox.html
🔴 Весь плейлист по FlexBox:    • FLEXBOX. Учимся верстать на флексах.  

Дополнительно, игра flexboxfroggy:
https://flexboxfroggy.com/

Методология БЭМ за 17 минут:
   • Методология БЭМ за 17 минут. Пример в...  

Sublime Text 3 настройка установка плагины:
   • Sublime Text 3 настройка установка пл...  

🔴 Получить доступ к плюшкам + поддержать канал:   / freelancerlifestyle  
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook:   / freelancerlifestyle  
🔴 Instagram:   / freelancer.lifestyle  

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал:    / freelancerlifestyle  

🤟 Живи, а работай в свободное время! ©