flex-flow
A shorthand property that combines 'flex-direction' and 'flex-wrap'. It lets you set the direction of items and whether they should wrap in one line of code.
It is documented as part of the CSS Flexible Box Layout specification.
Syntax
/* Usage Example */
.container {
display: flex;
/* sets direction to row and enables wrapping */
flex-flow: row wrap;
}
/* Syntax */
flex-flow: flex-direction;
flex-flow: flex-wrap;
/* Global values */
flex-flow: inherit;
flex-flow: initial;
flex-flow: revert;
flex-flow: revert-layer;
flex-flow: unset;flex-flow Browser support
Widely available
Since
2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
29+
28+
9+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more