OK, so let's learn about how to display Flex and the Flex Direction, not displaying something as Flex
defines the flex container in line or block, depending on the given value, it enables flex context
for its direct children.
So let's try this out.
Now, we left off with our basic styling here and also Tapan here, comment of this place.
So let's type in display flex for both the children container and also the pound container.
Nothing to save and a couple of things, you notice that the items just changed its size and also their
direction.
Before we had this done, let me also comment about the display flags at the parent level.
Does it save you could see these items are in a column, but as soon as displayed them as flex or display
of the container as flex, now the items are aligned in a row with one, two, three, four, five and
six.
So what I want to say here is that actually and I'm going to remain within our power container and here
we're just going to type in a comment.
Flex direction,
and now we're going to start with the properties of the parent and the first property of the pound will
be the direction of the Fleck's, not by default.
Fleck's direction is in a row.
So if I were typing Flex Direction and choose RO, nothing will change because I said by default, flex
plexus in a real direction, but be flexed in a row.
We have a second we have a second command reflects the action called reverse and this is just reverse
the direction of the flex so that you can see the items are now from six to one.
But it actually didn't change the items placement.
Only the direction in which the items are flexing should make this a bit smaller.
Just the things smaller now opposite the row items can also flex in the direction of a column.
And if I had say you can see all the items are now flexing in a common direction and the same thing
goes for column reverse.
You just changed the direction of the flex.
Okay, so that's pretty much it for Flex Direction.