Получи скидку 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., признанной нежелательной организацией и запрещенной на территории РФ
5 views
13
1
6 months ago 00:13:01 1
Создаем адаптивный сайт-визитку | HTML & CSS туториал