We will now look at the various properties of Flex Container.
As we had seen earlier, the default direction is from left to right and the line is along the Main axis. However, the writing mode can be changed using the following values:
flex-direction: row-reverse;: This will swap the Main start and Main end. The direction will be along the Main axis but the direction will be from right to left.
flex-direction: column;: This will swap the Main axis and the Cross axis, following which the direction that the Flex Items are set will be vertical in nature.
flex- direction: column-reverse;: This will be the same as column but the items will be laid from bottom to top.
We will see an instance of this using the following ...