Это видео, где мы учим 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 -
Telegram канал -
Курсы на Stepik -
Донаты: 1. ЮMoney -
2. VISA - 4274 3200 3233 1582 ВКонтакте -
https://vk.com/itdoctorstudio Яндекс Дзен -
Rutube -
✔Советую посмотреть: Содержимое content before after: • Свойство content, before и after на C... Псевдоклассы в CSS: • Всё про Псевдоклассы в CSS3, Псевдокл... Псевдоэлементы в CSS: • Всё про Псевдоэлементы в CSS3, Самый ... ◄ Предыдущее видео: • #4 Подключение препроцессора Less, Оч... ► Следующее видео: • Почему не работает background-image и... #flexbox #cssflexbox #flexboxcss #itdoctor
