Flex Container Flow

The flow of items within a flex container can be modified using the following CSS properties:

• flex-direction defines the direction in which the container stacks the flex items
  • flex-direction: row (default behaviour)
  • flex-direction: row-reverse
  • flex-direction: column
  • flex-direction: column-reverse
• flex-wrap specifies whether a flex item should wrap or not
  •  flex-wrap: nowrap; (default behaviour)
  • flex-wrap: wrap;
  • flex-wrap: wrap-reverse; (will wrap in reverse order)
• flex-flow sets both the flex-direction and flex-wrap
  • o flex-flow: row wrap;