CSS Flexbox – полный гайд с примерами из практики
Автор: Виталий Павленко. Из найма в свой продукт
Загружено: 2024-06-03
Просмотров: 3765
Подписывайся на мой телеграм-канал: https://t.me/pavlenkopro
В этом видео расскажу все что нужно знать про Flexbox CSS. И поделюсь полезными лайфхаками, которыми сам постоянно пользуюсь на работе
Примеры из видео:
Основной пример: https://codepen.io/vital-pavlenko/pen...
Центрирование элемента: https://codepen.io/vital-pavlenko/pen...
Адаптивная сетка: https://codepen.io/vital-pavlenko/pen...
Растягивание элемента: https://codepen.io/vital-pavlenko/pen...
Ссылка на github с примерами: https://github.com/pavlenkovit/html-a...
Мои контакты:
Telegram: https://t.me/vital_pavlenko
Instagram*: / vital_pavlenko
00:00 Введение
00:30 display flex
01:08 flex-direction
02:06 flex-wrap
02:52 justify-content
03:57 align-items
06:03 gap
07:09 order
08:43 align-self
10:00 flex-grow
12:56 flex-basis
14:39 flex-shrink
17:30 flex
20:12 Интересное предложение
21:03 Лайфхаки
21:17 Центрирование элемента
22:02 Адаптивная сетка
23:55 Растягивание элемента
26:16 Завершение
Социальная сеть Instagram принадлежит Meta Platforms Inc., признанной нежелательной организацией и запрещенной на территории РФ
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
