CSS: the flex-flow property

What is it?

The flex-flow property is a shorthand property for the flex-direction and flex-wrap properties. It specifies the direction of the main axis and whether the flex items should wrap or not.


Instead of writing out the two properties separately, you can use the shorthand flex-flow property to set both properties at the same time.

.className {
  display: flex;
  flex-row: column-reverse wrap;