Получи скидку 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
1 month ago 01:47:36 1
CSS для Начинающих - Практический Курс
1 month ago 00:12:10 1
Desarrolladores RECHAZAN entrevistas técnicas ❌ (nos tratan como mercenarios)
3 months ago 00:03:52 27
Расследуй убийство с SQL. Игры, которые реально учат писать код.
3 months ago 00:26:31 4
CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример
3 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
3 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
3 months ago 09:19:00 4
Beginner Tailwind [FULL COURSE]
4 months ago 00:14:36 36
#56 Front-end. Вопросы на собеседовании
4 months ago 00:42:37 1
Create A Responsive E-Commerce Flower Shop Website Design Using Pure HTML & CSS Only
4 months ago 01:39:07 2
FlexBox | Учим Flexbox за полтора часа. Уроки для новичков
5 months ago 00:59:57 1
CSS Flexbox. Полный курс
5 months ago 00:26:28 5
CSS Flexbox – полный гайд с примерами из практики
5 months ago 00:46:54 1
Flexbox Crash Course 2024
5 months ago 00:33:12 1
Верстка сайта по методологии БЭМ
6 months ago 00:42:37 1
Контейнеры в Elementor. Как использовать и перейти с секций
6 months ago 00:10:06 1
В чем разница между Float, Flexbox и Grid CSS?
6 months ago 00:06:29 1
Flexbox CSS практический курс за 6 минут. Все свойства
6 months ago 05:05:31 1
Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse