flex-flow

flex-flow 🤔

If flex-direction and flex-wrap properties are clear, you'll get flex-flow as well. It's simply a shorthand for these two properties 👏

You can set both properties at the same time. Or you can just pass one of them. The default value is row nowrap. So if you just set one value, the property that you didn't set will just take on the default value.

.parent {
  flex-flow: row nowrap /* default */
          or <flex-direction> <flex-wrap>
          or <flex-direction>
          or <flex-wrap>
}

The flex-flow property is a shorthand property for setting both the flex-direction and flex-wrap properties.

.flex-container { display: flex; flex-flow: row wrap; }