#7. Уроки по CSS для НАЧИНАЮЩИХ (Flexbox 1/2)

Поддержать автора:
https://www.donationalerts.com/r/kakeitoyroki

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

Исходный код: https://github.com/R1ON/html/tree/main/css/7

Игра про лягушек: https://flexboxfroggy.com/#ru
Flexbox справочник: https://tpverstak.ru/flex-cheatsheet/

Видео на YouTube: https://youtu.be/YMZPhvKPTa8

***** Таймкоды:
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 https://soundcloud.com/aerohead
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
Free Download / Stream: https://bit.ly/lights-of-elysium
Music promoted by Audio Library https://youtu.be/FyDoQB0vBZI