flex-flow

The flex-flow CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.

The flex-flow shorthand property specifies the flex-direction and flex-wrap properties, defining the direction of a flex container and its wrapping behavior. It can also define flex items to be balanced when wrapping is allowed.

For example, column-reverse wrap will set the main-axis to the block direction with a reversed main-start and main-end, with flex items being allowed to wrap, creating new lines if needed.

To distribute the flex items evenly across each flex line, you can include the flex-wrap keyword balance in addition to wrap:

Syntax example: flex-flow: row;