Получи скидку 12% на курс Веб-разработчик в SkyPro по промокоду ВАЙТИШНАЯ: [ Ссылка ]
(назовите промокод ВАЙТИШНАЯ менеджеру при оформлении заказа)
Подписывайся на мой телеграм-канал Вайтишная: [ Ссылка ]
В этом видео расскажу все что нужно знать про Flexbox CSS. И поделюсь полезными лайфхаками, которыми сам постоянно пользуюсь на работе
Примеры из видео:
Основной пример: [ Ссылка ]
Центрирование элемента: [ Ссылка ]
Адаптивная сетка: [ Ссылка ]
Растягивание элемента: [ Ссылка ]
Ссылка на github с примерами: [ Ссылка ]
Мои контакты:
Telegram: [ Ссылка ]
Instagram*: [ Ссылка ]
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., признанной нежелательной организацией и запрещенной на территории РФ
![](https://i.ytimg.com/vi/40AHiJDa20M/maxresdefault.jpg)