Это видео, где мы учим css flexbox за 20 минут в одном уроке. Я сделал обзор flexbox и рассказал основы flexbox в одном видео. Тут собрана информация всё о flexbox и вы узнаете что такое flexbox и как устроена верстка на flexbox. Свойство display flex позволяет превратить flex-элемент в родительский flex-контейнер. А flex-direction позволяет поменять куда направлена главная ось и поперечная ось. justify-content это flexbox выравнивание по горизонтали. Навигация по видео: 00:00 Введение в Flexbox 01:02 Про блочную верстку 02:20 Теоретическая часть Flexbox CSS 03:24 Практическая часть 04:00 Родительский flex элемент 05:50 Выравнивание по горизонтали 07:29 Выравнивание по вертикали 08:30 Главная и поперечная ось в flex 09:15 Направление главной оси 10:10 Многострочность на Flexbox 11:15 Два свойства в одном 12:15 Позиционирование дочерних flex 14:14 Ширина элементов Flexbox 14:40 Коэффициент увеличения 16:13 Коэффициент уменьшения 16:38 Три свойства в одном 17:27 Выравнивание по вертикали для отдельного элемента 18:03 Заключение Эксклюзив на Boosty - https://boosty.to/itdoctor Telegram канал - https://t.me/itdoctor_official Курсы на Stepik - https://stepik.org/users/387773773/teach Донаты: 1. ЮMoney - https://sobe.ru/na/itdoctor 2. VISA - 4274 3200 3233 1582 ВКонтакте - https://vk.com/itdoctorstudio Яндекс Дзен - https://zen.yandex.ru/id/5f994406f3d1290ebf9287d5 Rutube - https://rutube.ru/channel/23500045/ ✔Советую посмотреть: Содержимое content before after: https://youtu.be/z7wrumnsSl0 Псевдоклассы в CSS: https://youtu.be/iZjdou-2XjM Псевдоэлементы в CSS: https://youtu.be/f7q7j0ylXJE ◄ Предыдущее видео: https://youtu.be/0KUf3UHuheE ► Следующее видео: https://youtu.be/l_KWIR0FjO8 #flexbox #cssflexbox #flexboxcss #itdoctor