Самый понятный и подробный урок по 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: #ru Интерактивный Flexbox справочник: Верстка сайта с нуля по макету из Figma: Канал ITDoctor: @ITDoctor Статья про CSS Flexbox: ⚡️ Эксклюзив на Boosty - 💡 Telegram канал - 🎥 Курсы на Stepik - 💰 Донаты на ЮMoney - ВКонтакте - Яндекс Дзен - Rutube - #flexbox #cssflexbox #flexboxcss #itdoctor