Hello everyone. Is there any simple explanation for me to really understand flex-direction and flex-flow... seem to me pretty much the same

Can’t wrap my mind around it…
Hello everyone. Is there any simple explanation for me to really understand flex-direction and flex-flow… seems to be pretty much the same…

Thanks.

Hi,
flex-flow combines the properties flex-direction and flex-wrap.
flex-wrap: wrap; allows the elements to take several rows rather than squeezing all in one line.
You can either write:

flex-direction: column;
flex-wrap: wrap;

or:

flex-flow: column wrap;

There is a good overview of flexboxes here:

3 Likes