Свойства flex-direction и flex-wrap в CSS Flexbox отличаются функциями, которые они выполняют.

Flex-direction управляет направлением главной оси, вдоль которой укладываются flex-элементы. 1 Некоторые значения свойства и их описание:

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

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

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