#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/

***** Таймкоды:
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 Всем спасибо, всем пока

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

***** Музыка:
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

*****
#уроки #html #html5 #для_новичков #для_начинающих #курсы #курсы_по_html # уроки_по_html #создать_сайт #frontend #front #it #программирование #верстка #css #css3 #курсы_по_css #уроки_по_css #display #flex #flexbox #justify-content #align-items #flex-wrap #flex-direction #align-self