Основные термины

Основными элементами в flexbox являются контейнеры-элементы и flex-элементы. Для начала работы с flexbox - не обходимо создать flex-контейнер.

Flex-контейнер

• Создаёт контекст для flexbox
• Содержит в себе flex-элементы
• Может быть любым блочным или строчным элементом

Flex-элемент

• Это прямой ребёнок flex-контейнера
• Может быть любое количество

Оси

• Основная
• Поперечная

Определяют направление в котором распологаются flex-элементы. Основная ось является главной поэтому flex-элементы распологаются вдоль неё.
Поперечная ось распологается перпендикулярно основной оси.
У каждой оси есть начало и конец. По умолчанию основная ось идёт слева направо, а поперечная сверху вниз.

Оси можно менять местами, также можно менять их направлени.