Свойство flex-flow позволяет установить значения сразу для обоих свойств flex-direction и flex-wrap. 2 Оно имеет следующий формальный синтаксис: flex-flow: [flex-direction] [flex-wrap]. 2

При использовании flex-flow важно соблюдать правильный порядок: сначала задать значение для flex-direction, потом для flex-wrap, иначе свойство работать не будет. 1

Пример использования:

.container {  display: flex;  flex-flow: row wrap;}

Второе свойство (flex-wrap) можно опустить, тогда для него будет использоваться значение по умолчанию — nowrap. 2

Также можно указать сразу оба значения: flex-direction и flex-wrap, например: flex-flow: row nowrap. 4