Как работает свойство flex-direction в CSS Flexbox?

Свойство flex-direction в CSS Flexbox управляет направлением основной и поперечной осей. doka.guide Оно определяет порядок и направление расположения flex-элементов. itchief.ru

Возможные значения свойства:

• row (значение по умолчанию) — элементы располагаются по горизонтали слева направо, поперечная ось идёт вертикально сверху вниз; doka.guide
• row-reverse — элементы располагаются по горизонтали справа налево, поперечная ось идёт вертикально сверху вниз; doka.guide
• column — элементы располагаются по вертикали сверху вниз, поперечная ось идёт горизонтально слева направо; doka.guide
• column-reverse — элементы располагаются по вертикали снизу вверх, поперечная ось идёт горизонтально слева направо. doka.guide

На сайтах с направлением текста справа налево, например, на сайте на арабском языке, для значений row и row-reverse основная ось будет идти в обратном направлении. doka.guide Для значений column и column-reverse своё направление поменяет поперечная ось. doka.guide