Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок
Свойство flex-wrap определяет, будет ли flex-контейнер несколько рядов элементов (строк или столбцов) в случае, если его размеры недостаточны, чтобы вместить в один ряд все элементы.
Это свойство может принимать следующие значения:
nowrap: значение по умолчанию, которое определяет flex-контейнер, где все элементы располагаются в одну строку (при расположении в виде строк) или один столбец (при расположении в столбик).
wrap: если элементы не помещаются во flex-контейнер, то создаёт дополнительные ряды в контейнере для размещения элементов. При расположении в виде строки создаются дополнительные строки, а при расположении в виде столбца добавляются дополнительные столбцы.
wrap-reverse: то же самое, что и значение wrap, только элементы располагаются в обратном порядке.
Ссылка на шпаргалку с урока:
Ссылка на стартовый код для практики:
Если есть вопросы, пишите, я с радостью на них отвечу.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Хочешь стать Frontend разработчиком и изучить JavaScript React ?
Советую посмотреть информацию по ссылке ниже:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Также будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Вконтакте:
Telegram канал:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
#flexbox #FlexBox #Flex #FLEX #flex #флекс #флексбокс #Флексбокс #уроки #курс #бесплатно #вёрстка #верстка #HTML #HTML5 #html #html5 #CSS #CSS3 #css #css3
1 view
90
24
2 weeks ago 00:00:44 1
11. PROJECT Build a Responsive Flexbox Layout
2 weeks ago 00:01:30 1
8. Combine Flexbox with min-width max-width
2 weeks ago 00:01:48 1
6. Nested Flexbox Layouts column-gap vs. row-gap
1 month ago 00:06:27 2
48 - Simple Flexbox Pattern Example 3
1 month ago 00:05:20 2
47 - Simple Flexbox Pattern Example 2
1 month ago 00:09:55 1
46 - Simple Flexbox Pattern Example
1 month ago 00:04:01 1
45 - Flexbox Wrapup
1 month ago 00:11:23 1
32 - The Flexbox Rabbit Hole
1 month ago 00:07:02 10
Основы веб-разработки - Позиционирование и блочная модель (практика)