Самый понятный и подробный урок по CSS Flexbox для начинающих, все нюансы, примеры, практика

В этом уроке мы будем изучать CSS Flexbox. Рассмотрим все тонкости от А до Я, так что поймет абсолютно любой. Все максимально подробно, с огромным количеством наглядных примеров и в игровой форме, проходим все уровни игры Flexbox Froggy.

00:00:00 Вступление и краткий анонс
00:00:41 Что такое Flexbox и для чего он нужен (примеры и как мы будем изучать)
00:06:51 Выравнивание justify-content Уровень 1 на трех разных примерах
00:17:04 Инструменты разработчика Уровень 2-4
00:28:01 Выравнивание align-items Уровень 5-7
00:34:07 Направление главной оси flex-direction Уровень 8-13
00:51:28 Приоритет следования элементов order Уровень 14-15
00:59:57 Выравнивание align-self и сравнение с CSS Grid Уровень 16-17
01:05:13 Перенос на новые строки flex-wrap Уровень 18-19
01:14:41 Как сделать сетку 3*2 на Flexbox без CSS Grid Уровень 20
01:27:48 Расстояние между рядами align-content Уровень 21-24
01:36:09 План бесплатного обучения, Бонусы, ссылки, рекомендации, практика, flex-grow, flex-shrink, flex-basis, flex

Flexbox Froggy: https://flexboxfroggy.com/#ru
Интерактивный Flexbox справочник: https://yoksel.github.io/flex-cheatsheet/
Статья про CSS Flexbox: https://html5book.ru/css3-flexbox/

⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor
💡 Telegram канал - https://t.me/itdoctor_official/4
🎥 Курсы на Stepik - https://stepik.org/users/387773773/teach

YouTube - https://youtube.com/@ITDoctor
ВКонтакте - https://vk.com/itdoctorstudio
Rutube - https://rutube.ru/channel/23500045/

#flexbox #cssflexbox #flexboxcss #itdoctor