Свойство flex-direction указывает направление главной оси, вдоль которой укладываются flex-элементы в контейнере. 15 Элементы могут располагаться по двум основным направлениям — как строки по горизонтали или как столбцы по вертикали. 5

Некоторые значения свойства и их влияние на расположение элементов:

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

Свойство flex-wrap определяет, будет ли flex-контейнер однострочным или многострочным, а также задаёт направление поперечной оси, определяющее направление укладки новых линий контейнера. 1

Некоторые значения свойства и их влияние на расположение элементов:

• nowrap (по умолчанию) — элементы не переносятся, а располагаются в одну линию слева направо. 1
• wrap — элементы переносятся, располагаясь в несколько горизонтальных рядов (если не помещаются в один ряд) в направлении слева направо. 1
• wrap-reverse — элементы переносятся на новые линии, располагаясь в обратном порядке слева-направо, при этом перенос происходит снизу вверх. 1