Поддержать автора:
[ Ссылка ]

В данном уроке мы с вами подробней узнаем про то, что такое flexbox.
Изучим свойства: justify-content, align-items, align-self, flex-wrap, flex-direction. Урок делится на две части, во второй будет рассказано про более сложные свойства, которые относятся к flex'у.

Исходный код: [ Ссылка ]

Игра про лягушек: [ Ссылка ]
Flexbox справочник: [ Ссылка ]

***** Таймкоды:
00:00 Введение
01:00 Как работает flexbox
02:35 Что делает свойство display: flex
03:32 Свойство flex-direction
03:57 Свойство justify-content
05:56 Свойство align-items
07:43 Свойство flex-wrap
08:52 Свойство align-self
10:37 flex-direction: reverse значения
14:18 Домашнее задание
15:53 Всем спасибо, всем пока

***** Музыка:
Lights Of Elysium - AERØHEAD [ Ссылка ]
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
Free Download / Stream: [ Ссылка ]
Music promoted by Audio Library [ Ссылка ]

свернуть