CSS Flexbox #9 Определение порядка элементов (Order)
#YauhenK #webDev #CSS #Flexbox #ityoutubersru
В данном видеокурсе мы с вами рассмотрим технологию Flexbox.
Flexible Box Layout Module (Flexbox) - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.
✒ Репозиторий курса:
✔ GitHub: https://github.com/YauhenKavalchuk/css-flexbox
✒ Полный список готовых и планируемых курсов:
✔ Trello: https://trello.com/b/R6rD7qq8
✒ Автор курса:
✔ YouTube: https://www.youtube.com/YauhenKavalchuk
✔ Instagram: https://www.instagram.com/YauhenKavalchuk
✔ Twitter: https://twitter.com/YauhenKavalchuk
✔ VK: https://vk.com/YauhenKavalchuk
✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk
✔ GitHub: https://github.com/YauhenKavalchuk
✔ VK (Группа): http://vk.com/webdevcom
✒ Поддержать развитие канала:
✔ YouTube-спонсорство: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
✔ Patreon: https://www.patreon.com/YauhenKavalchuk
Видео CSS Flexbox #9 Определение порядка элементов (Order) канала webDev
В данном видеокурсе мы с вами рассмотрим технологию Flexbox.
Flexible Box Layout Module (Flexbox) - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.
✒ Репозиторий курса:
✔ GitHub: https://github.com/YauhenKavalchuk/css-flexbox
✒ Полный список готовых и планируемых курсов:
✔ Trello: https://trello.com/b/R6rD7qq8
✒ Автор курса:
✔ YouTube: https://www.youtube.com/YauhenKavalchuk
✔ Instagram: https://www.instagram.com/YauhenKavalchuk
✔ Twitter: https://twitter.com/YauhenKavalchuk
✔ VK: https://vk.com/YauhenKavalchuk
✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk
✔ GitHub: https://github.com/YauhenKavalchuk
✔ VK (Группа): http://vk.com/webdevcom
✒ Поддержать развитие канала:
✔ YouTube-спонсорство: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
✔ Patreon: https://www.patreon.com/YauhenKavalchuk
Видео CSS Flexbox #9 Определение порядка элементов (Order) канала webDev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![CSS Flexbox #10 Вложенность. Обёртка элементов с размерами (Nesting. Flex-basis & Flex-wrap)](https://i.ytimg.com/vi/ar1F5IwBeSc/default.jpg)
![CSS Flexbox #11 Практические примеры использования Flexbox (Practical examples)](https://i.ytimg.com/vi/GGiHxIOmPaE/default.jpg)
![](https://i.ytimg.com/vi/0wBsIR09HeM/default.jpg)
![CSS Grid. Полный курс](https://i.ytimg.com/vi/yTLqfUxwdDk/default.jpg)
![CSS Flexbox Tutorial #12 - Element Order](https://i.ytimg.com/vi/FPl-7mTW20U/default.jpg)
![#4 Front-end. Вопросы на собеседовании](https://i.ytimg.com/vi/CjdCxxqObaM/default.jpg)
![CSS Grid #9 Гибкость grid-элеменов при изменении размеров экрана (Auto-fill & Auto-fit)](https://i.ytimg.com/vi/Ee2SWlquOQU/default.jpg)
![CSS Grid #6 Выравнивания grid-контейнера (Grid Container Alignment)](https://i.ytimg.com/vi/FIy9ZQXTGVY/default.jpg)
![CSS Flexbox #1 Основные понятия (Base Definitions)](https://i.ytimg.com/vi/9MxBkY2_WNA/default.jpg)
![#3 Front-end. Вопросы на собеседовании](https://i.ytimg.com/vi/1eIRTdgzHtw/default.jpg)
![CSS Flexbox #3 Перенос элементов и отступы (Flex-wrap & Gap)](https://i.ytimg.com/vi/zvkE0MY1cxE/default.jpg)
![Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]](https://i.ytimg.com/vi/XbnAKjjlgc4/default.jpg)
![CSS Grid #7 Управлять порядком элементов внутри grid-контейнера (Grid auto-flow, Dense & Order)](https://i.ytimg.com/vi/dIrEc9ruCuU/default.jpg)
![#7 Front-end. Вопросы на собеседовании](https://i.ytimg.com/vi/IooJ3P2VUYs/default.jpg)
![CSS Flexbox #4 Выравнивание вдоль главной оси (Alignment: justify-content)](https://i.ytimg.com/vi/FKDfECxwC54/default.jpg)
![CSS Grid #1 Применение сетки к контейнеру (Display Grid)](https://i.ytimg.com/vi/o6zB8EC10wc/default.jpg)
![CSS Grid #2 Создание 3х колоночного макета (grid-template-columns)](https://i.ytimg.com/vi/uWze8aMlZ0s/default.jpg)
![#1 Front-end. Вопросы на собеседовании](https://i.ytimg.com/vi/ycYp7CYOnO0/default.jpg)
![Шпаргалка по Flexbox](https://i.ytimg.com/vi/s2Y5oFgmm20/default.jpg)
![CSS Grid #10 Создание гибкого макета (Responsive Layout Creation)](https://i.ytimg.com/vi/2MKGG8o1Qc4/default.jpg)