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

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

🔴 Файлы урока: https://fls.guru/files/tutorials/flex.zip
🔴 Макет https://fls.guru/files/tutorials/flex-practice.psd
🔴 Шпаргалка по Flexbox: https://fls.guru/flexbox.html
🔴 Весь плейлист по FlexBox: https://www.youtube.com/playlist?list=PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x

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

Методология БЭМ за 17 минут:
https://youtu.be/HihYQVuH64U

Sublime Text 3 настройка установка плагины:
https://youtu.be/xWhTf_o86Lg

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

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

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

Видео FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика канала Фрилансер по жизни - IT и фриланс