xxxxxxxxxx
/* Flex-flow combines flex-wrap and flex-direction because they were used
together so often, and devs wanted to simplify it.*/
/*Normal*/
* {
flex-direction: column-reverse;
flex-wrap: wrap;
}
/*Flex-flow*/
* {
flex-flow: column-reverse wrap;
}
xxxxxxxxxx
// In this example code block, "column" is the value of the property "flex-direction" and "wrap" is the value of the property "flex-wrap".
.container {
display: flex;
flex-flow: column wrap;
}