flex-flow

Last Updated: March 25, 2022

This is a shorthand property of flex-direction and flex-wrap

You can achieve the same results using flex-direction and flex-wrap

.container {
  flex-flow: row  wrap ;
}

In the following example, you can see the usage of flex-flow: row wrap; where children items are wrapped.

<div class="container">
  <div>1 </div>
  <div>2 </div>
  <div>3 </div>
  <div>4</div>
  <div>5</div>
  <div>6 </div>
</div>
.container{
  display:flex;
  flex-flow: row wrap;

}
row wrap
Test