Разница между свойствами flex-direction и flex-flow в Flexbox заключается в их функциях.

Flex-direction задаёт направление основных осей в контейнере и тем самым определяет положение элементов в контейнере. 2 Некоторые значения свойства:

• row (по умолчанию) — направление элементов слева направо. 12 Если значение dir задано как rtl, то направление оси идёт справа налево. 2
• row-reverse — похоже на значение row, но меняются местами начальная и конечная точки и главная ось направлена справа налево. 2 Если значение dir задано как rtl, то направление оси идёт слева направо. 2
• column — главная ось располагается вертикально и направлена сверху вниз. 2
• column-reverse — главная ось располагается вертикально, но меняется положение начальной и конечной точек и ось направлена снизу вверх. 2

Flex-flow — сокращённое свойство для отдельных свойств flex-direction и flex-wrap. 25 Оно позволяет в одном свойстве описать направление главной и многострочность поперечной оси. 4

Таким образом, flex-direction определяет направление элементов по главной оси контейнера, а flex-flow объединяет свойства, которые часто используются вместе, чтобы писать меньше кода. 1