CSS Flexbox – полный гайд с примерами из практики

Получи скидку 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., признанной нежелательной организацией и запрещенной на территории РФ