Курс HTML/CSS Advanced | Позиционирование Flexbox: justify-content, align-items и другие

Описание

В этом уроке я расскажу об одном из самых эффективных способах позиционирования HTML-элементов. Это Flexbox. Мы рассмотрим такие свойства flexbox как: justify-content, align-items, flex-direction, flex-grow, flex-basis, align-self, order и другие.

Проходи этот курс с интерактивными упражнениями на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=yt&utm_medium=yt_html_adv_bacis_css_21&utm_campaign=yt_html_adv_bacis_css_21

Новые уроки каждую неделю!



Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode


Содержание видео:
0:00 Введение
03:32 Позиционирование flexbox
04:19 Свойство Justify-content
06:15 Свойство Align-items
08:31 Свойство Flex-wrap
10:48 Свойство Align-content
11:35 Свойство Flex-shrink
12:59 Свойство Flex-grow
15:30 Свойство Flex-basis
19:21 Свойство Align-self
20:54 Свойство Order
22:16 Свойство Flex-direction
23:58 Выводы


---
#html, #css, #fructcode, #никонов, #nikonov, #верстка #basiccss, #styles, #flexbox, #flex, #justify_content, #align_items, #flex_direction, #flex_grow, #flex_basis, #align_self, #order