В чём разница между flex-flow и justify-content?

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

Flex-flow — это сокращение для свойств flex-direction и flex-wrap, которые вместе определяют главную и поперечную оси flex-контейнера. 12 С помощью flex-flow можно указать, как должны отображаться элементы на обеих осях. 3 По умолчанию свойство принимает значение row nowrap. 14

Justify-content, в свою очередь, определяет выравнивание элементов вдоль главной оси. 12 Это свойство помогает распределить свободное пространство, когда все элементы в строке негибкие или гибкие, но достигли максимального размера. 2 Также justify-content позволяет управлять выравниванием элементов при выходе за границы строки. 1

Таким образом, flex-flow фокусируется на общем определении расположения элементов, а justify-content — на их выравнивании относительно определённой оси.