Flexbox | ALIGN-CONTENT | Выравниваем ряды блоков по вертикали
Существует свойство align-content, которое определяет то, каким образом образовавшиеся ряды блоков будут выровнены по вертикали и как они поделят между собой все пространство flex-контейнера.
Важно: align-content работает только в многострочном режиме (т.е. в случае flex-wrap:wrap; или flex-wrap:wrap-reverse;)
Ссылка на шпаргалку с урока:
Ссылка на стартовый код для практики:
Если есть вопросы, пишите, я с радостью на них отвечу.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Хочешь стать Frontend разработчиком и изучить JavaScript React ?
Советую посмотреть информацию по ссылке ниже:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Также будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Вконтакте:
Telegram канал:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
#flexbox #FlexBox #Flex #FLEX #flex #флекс #флексбокс #Флексбокс #уроки #курс #бесплатно #вёрстка #верстка #HTML #HTML5 #html #html5 #CSS #CSS3 #css #css3
1 view
104
39
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
Основы веб-разработки - Позиционирование и блочная модель (практика)