CSS: Flex

Курс посвящён модулю Flex — одному из наиболее эффективных способов расположения блоков и распределения места между ними.

Подготовительный курс

Уроки курса

• 1

  Введение

  Узнать о курсе посвящённому Flex

  теория
• 2

  Что такое flex?

  Узнать о концепции flex, преимуществах и сценариях использования

  теория
• 3

  Flex-контейнер

  Познакомиться с flex-контейнерами и возможностями определения главной оси для рендера элементов

  теория

  упражнение

• 4

  Перенос элементов в контейнере

  Узнать о способах переноса элементов внутри флекс контейнера. Научиться пользоваться свойством flex-wrap

  теория
• 5

  Выравнивание элементов по главной оси

  Узнать о способах выравнивания элементов по главной оси внутри флекс контейнера. Познакомиться со свойством justify-content

  теория

  упражнение

• 6

  Выравнивание элементов по перпендикулярной оси

  Узнать о способах выравнивания элементов по перпендикулярной оси внутри флекс контейнера. Познакомиться со свойством align-items

  теория

  упражнение

• 7

  Свойства Flex-элементов. Гибкость. Flex-grow

  Узнать о свойствах для работы с элементами внутри Flex-контейнеров. Изучить свойство Flex-grow

  теория
• 8

  Свойства Flex-элементов. Гибкость

  Узнать о свойствах для работы с элементами внутри Flex-контейнеров. Изучить свойства flex-shrink, flex-basis, flex

  теория
• 9

  Свойства Flex-элементов. Расположение

  Узнать о свойствах для работы с элементами внутри Flex-контейнеров. Изучить свойства order и align-self

  теория

Автор

Никита Михайлов

Ментор на Хекслете. В свободное время люблю играть на музыкальных инструментах. Считаю, что главным является базовые знания программирования, а не конкретный язык. Люблю учиться и передавать свои знания другим людям

Впечатления

Roman Serikov

Свойства Flex-элементов. Расположение

Сейчас немного изучаю верстку, делаю свой учебный проект. Должен сказать, что этот курс просто отлично помог. В интернете много всякого мусора на тему Flex. А тут все структурировано и по существую. Огромное спасибо ;)