Загрузка страницы

CSS Flexbox #3 Перенос элементов и отступы (Flex-wrap & Gap)

#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 #3 Перенос элементов и отступы (Flex-wrap & Gap) канала webDev
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
1 апреля 2021 г. 15:00:33
00:06:40
Другие видео канала
CSS Flexbox #4 Выравнивание вдоль главной оси (Alignment: justify-content)CSS Flexbox #4 Выравнивание вдоль главной оси (Alignment: justify-content)В чем разница между Float, Flexbox и Grid CSS?В чем разница между Float, Flexbox и Grid CSS?CSS Flexbox #2 Направление осей (Flex-direction)CSS Flexbox #2 Направление осей (Flex-direction)Flexbox и Grid ⚡️ РЕАЛЬНЫЕ ПРИМЕРЫ, где МОЖНО и НЕЛЬЗЯ использовать CSS Flexbox и GridFlexbox и Grid ⚡️ РЕАЛЬНЫЕ ПРИМЕРЫ, где МОЖНО и НЕЛЬЗЯ использовать CSS Flexbox и GridCSS Grid #6 Выравнивания grid-контейнера (Grid Container Alignment)CSS Grid #6 Выравнивания grid-контейнера (Grid Container Alignment)What Is The Fastest Way To Load JavaScriptWhat Is The Fastest Way To Load JavaScriptГде использовать флексы, а где гриды? 🤨 Спойлер: да где хотитеГде использовать флексы, а где гриды? 🤨 Спойлер: да где хотитеFLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнераFLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнераCSS Flexbox #1 Основные понятия (Base Definitions)CSS Flexbox #1 Основные понятия (Base Definitions)CSS Flexbox. Полный курсCSS Flexbox. Полный курсКрутая возможность FLEXBOX | margin больше не нужен | Разрыв GAP между элементами!Крутая возможность FLEXBOX | margin больше не нужен | Разрыв GAP между элементами!Объяснение работы свойств flex basis, flex grow и flex shrinkОбъяснение работы свойств flex basis, flex grow и flex shrinkCSS Flexbox #7 Индивидуальное выравнивание элементов (Alignment: align-self)CSS Flexbox #7 Индивидуальное выравнивание элементов (Alignment: align-self)HTML5 #8 Ссылки и кнопки (Links & Buttons)HTML5 #8 Ссылки и кнопки (Links & Buttons)Flexbox CSS практический курс за 6 минут. Все свойстваFlexbox CSS практический курс за 6 минут. Все свойстваCSS Flexbox #5 Выравнивание вдоль поперечной оси (Alignment: align-items)CSS Flexbox #5 Выравнивание вдоль поперечной оси (Alignment: align-items)CSS3 #22 Медиазапросы (Media queries)CSS3 #22 Медиазапросы (Media queries)CSS Flexbox #6 Многострочное выравнивание (Alignment: align-content)CSS Flexbox #6 Многострочное выравнивание (Alignment: align-content)
Яндекс.Метрика