FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера
Начинаем учить верстку на флексах (flexbox )! Чтобы обучение было максимально эффективным я создал отдельный плейлист куда помещу целую серию выпусков. Последний из них будет полностью посвящен практическим примерам верстки на flex. В нем же ты получишь домашку и доступ к супер шпаргалке по FLEXBOX
Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера
Весь плейлист по FLEXBOX
https://www.youtube.com/playlist?list=PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x
0:00 - Вступление
0:18 - Подготовка к уроку
2:08 - display:flex
3:06 - display: inline-flex
3:59 - justufy-content
7:00 - align-items
9:39 - flex-wrap
Спасибо Emil Chapchakchi
Получить доступ к плюшкам + поддержать канал: 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)
Instagram: https://www.instagram.com/freelancer.lifestyle/
Facebook: https://www.facebook.com/freelancerlifestyle/
Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка
Видео FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера канала Фрилансер по жизни - IT и фриланс
Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера
Весь плейлист по FLEXBOX
https://www.youtube.com/playlist?list=PLM6XATa8CAG5mPV60dMmjMRrHVW4LmV2x
0:00 - Вступление
0:18 - Подготовка к уроку
2:08 - display:flex
3:06 - display: inline-flex
3:59 - justufy-content
7:00 - align-items
9:39 - flex-wrap
Спасибо Emil Chapchakchi
Получить доступ к плюшкам + поддержать канал: 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)
Instagram: https://www.instagram.com/freelancer.lifestyle/
Facebook: https://www.facebook.com/freelancerlifestyle/
Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка
Видео FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера канала Фрилансер по жизни - IT и фриланс
Показать
Комментарии отсутствуют
Информация о видео
20 октября 2019 г. 14:46:57
00:11:13
Другие видео канала
![FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть вторая - свойства flex-элементов](https://i.ytimg.com/vi/uPYUgipiFcM/default.jpg)
![FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика](https://i.ytimg.com/vi/8Gu40PFzOHI/default.jpg)
![Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]](https://i.ytimg.com/vi/XbnAKjjlgc4/default.jpg)
![#1 Верстка сайта с нуля для начинающих | HTML, CSS](https://i.ytimg.com/vi/ltMSrSis9ww/default.jpg)
![](https://i.ytimg.com/vi/4AaZ_xu7Ies/default.jpg)
![](https://i.ytimg.com/vi/64ktn8ltDxM/default.jpg)
![БЭМ методология. Практический пример](https://i.ytimg.com/vi/Jrjwewef_Ws/default.jpg)
![VS Code настройка установка плагины // Подробный гайд VS Code за час // VS Code видео обучение](https://i.ytimg.com/vi/nxCLXMBl4e4/default.jpg)
![JavaScript Основы для Начинающих - Полный Курс за 6 часов [2020]](https://i.ytimg.com/vi/Bluxbh9CaQ0/default.jpg)
![Адаптивная верстка сайтов легко. Bootstrap в прошлом!](https://i.ytimg.com/vi/CQL8B3wRBA0/default.jpg)
![Flexbox CSS In 20 Minutes](https://i.ytimg.com/vi/JJSoEo8JSnc/default.jpg)
![Prepros что это. Как пользоваться prepros // Сборка фронтэнда // Компилятор SASS KIT](https://i.ytimg.com/vi/BqO5Pj26om8/default.jpg)
![Flexbox CSS3 в одном видео за 20 минут!](https://i.ytimg.com/vi/38bMnJ2l4bg/default.jpg)
![CSS animation и @keyframes за 12 минут. Подробный разбор CSS свойств анимации + шпаргалка.](https://i.ytimg.com/vi/GKgOOuTL0po/default.jpg)
![Sublime Text 3 настройка установка плагины // Sublime Text 3 видео обучение // Фрилансер по жизни](https://i.ytimg.com/vi/xWhTf_o86Lg/default.jpg)
![HTML и CSS с нуля для начинающих | 🔥 Быстрый Старт!](https://i.ytimg.com/vi/CvEttNvty0U/default.jpg)
![В чем разница между Float, Flexbox и Grid CSS?](https://i.ytimg.com/vi/azQRYYdKt8I/default.jpg)
![Learn Flexbox in 15 Minutes](https://i.ytimg.com/vi/fYq5PXgSsbE/default.jpg)
![CSS Grid Layout. Кроссбраузерность. Grid и Flex. Основные понятия.](https://i.ytimg.com/vi/GV92IdMGFfA/default.jpg)
![Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни](https://i.ytimg.com/vi/GwA0BN5RgB0/default.jpg)