How does flex-flow property work and what are its advantages?

The flex-flow property is a shorthand property for flex-direction property and flex-wrap property.

So using this property you can define what will be the flow direction of flex items within a flex container and how the flex items will be wrapped.

Thanks to this property you don't need to write that many characters. And the CSS has smaller footprint which means it can be downloaded faster.

div {
  display: flex;
  flex-flow: row wrap;
}