Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок

Описание

Свойство flex-wrap определяет, будет ли flex-контейнер несколько рядов элементов (строк или столбцов) в случае, если его размеры недостаточны, чтобы вместить в один ряд все элементы.

Это свойство может принимать следующие значения:

nowrap: значение по умолчанию, которое определяет flex-контейнер, где все элементы располагаются в одну строку (при расположении в виде строк) или один столбец (при расположении в столбик).

wrap: если элементы не помещаются во flex-контейнер, то создаёт дополнительные ряды в контейнере для размещения элементов. При расположении в виде строки создаются дополнительные строки, а при расположении в виде столбца добавляются дополнительные столбцы.

wrap-reverse: то же самое, что и значение wrap, только элементы располагаются в обратном порядке.

Ссылка на шпаргалку с урока:
https://html5.by/blog/flexbox/

Ссылка на стартовый код для практики:
https://drive.google.com/file/d/1UyIfB7OBAGWcgoR4IMgjSqrOpnEhCDnh/view?usp=sharing

💻 Также будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
👉 Вконтакте: https://vk.com/web__skills
👉 Telegram канал: https://t.me/web_skills
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Если есть вопросы по урокам интенсива, пишите их в комментариях, с радостью на них ответим.

#flex-box #flexbox #FlexBox #Flex-Box #Flexible-Box #Flex #FLEX #flex #флекс #флексбокс #Флексбокс #уроки #курс #бесплатно #вёрстка #верстка #rutube #Rutube #RUTUBE #рутуб #Рутуб #РУТУБ