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