خاصية flex-flow في لغة CSSCSS Flex Flow

flex-flow:value value;

flex-flow:flex-direction flex-wrap|initial|inherit;

flex-flow: row;
flex-flow: row-reverse;
flex-flow: column;
flex-flow: column-reverse;

flex-flow: nowrap;
flex-flow: wrap;
flex-flow: wrap-reverse;

flex-flow: row nowrap;
flex-flow: column wrap;
flex-flow: column-reverse wrap-reverse;

flex-flow: inherit;
flex-flow: initial;
flex-flow: revert;
flex-flow: revert-layer;
flex-flow: unset;

.flex-container
{
  display: flex;
  flex-flow:row wrap;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
}

.flex-container
{
  display: flex;
  flex-flow:row nowrap;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
}

.flex-container
{
  display: flex;
  flex-flow:row-reverse nowrap;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
}

.flex-container
{
  display: flex;
  flex-flow:row-reverse wrap;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
}

.flex-container
{
  display: flex;
  flex-flow:column wrap;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
}

.flex-container
{
  display: flex;
  flex-flow:column nowrap;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
  height:200px;
}