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
110
31
4 days ago 00:10:13 3
Flexbox | FLEX-DIRECTION | Указываем направление главной оси
4 days ago 00:07:56 1
Flexbox | JUSTIFY-CONTENT | Определяем как будут выровнены элементы вдоль главной оси
4 days ago 00:07:40 1
Flexbox | ALIGN-ITEMS | Определяем как будут выровнены элементы вдоль поперечной оси
4 days ago 00:04:58 1
Flexbox | ALIGN-ITEMS: BASELINE | Выравниваем блоки по их базовой линии
4 days ago 00:05:23 1
Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок
4 days ago 00:02:39 1
Flexbox | FLEX-FLOW | Заменяет свойства Flex-direction и Flex-wrap
4 days ago 00:06:12 1
Flexbox | ALIGN-CONTENT | Выравниваем ряды блоков по вертикали
4 days ago 00:03:54 1
Flexbox | ALIGN-SELF | Выравнивание отдельно взятого flex-блока по поперечной оси
4 days ago 00:04:03 1
Flexbox | MARGIN:AUTO; Работает и для вертикали!
4 days ago 00:05:26 1
Flexbox | FLEX-BASIS | Базовый размер отдельно взятого flex-блока
4 days ago 00:04:31 1
Flexbox | FLEX-GROW | Жадность отдельно взятого flex-блока
4 days ago 00:04:33 1
Flexbox | FLEX-SHRINK | Фактор сжимаемости отдельно взятого flex-блока
4 days ago 00:02:36 1
Flexbox | FLEX | Короткая форма записи для свойств: flex-grow, flex-shrink и flex-basis
4 days ago 00:06:18 1
Flexbox | ORDER | Порядок следования отдельно взятого flex-блока внутри flex-контейнера
4 days ago 00:23:50 1
Flexbox. CSS игра “Flexbox Froggy“
4 days ago 00:12:10 1
Desarrolladores RECHAZAN entrevistas técnicas ❌ (nos tratan como mercenarios)
1 week ago 01:00:10 19
Portfolio Designer 2 - Верстка приветственной секции на Flexbox с псевдоэлементом before (html, css)