Next up, we're going to learn about flex grow and flex shrink, so with your container, this defines
the ability for flex items to grow.
If necessary, it accepts a unit less value that serves as a proportion.
It dictates what amount of a available space inside the flex container the item should take up.
On the other hand, flex shrink will define the ability for flex items to shrink if necessary.
Let's try this out, so let's go after order.
But we still need to actually just going to.
Take this carpet action to it from here.
Yeah, let's take this let's order, let's copy the cut, so let's come up with this and I'm going to
select the first child and I'm going to actually comment about.
The entire thing that we did here with order, so let's reset our order to as it was, and we still
have this one in it, so let's delete the order.
And there we go.
We have items now.
The default value of flex grow is zero.
So flags grow and zero is the default value.
Now, let me also give them a flex rep of rep.
Actually, I should do this through the containers so we don't need to do this here, but we need to
go up to the children.
Children may container where we display this flags and thus stall them as a rep.
OK, now let's go back here and we selected the first child.
OK, so within the idea of children, the class of Lexington and our second class of flex item, and
we're the first of this one right here.
Now, let's go with the value of two, as you can see now, its increasing its space and its do a value
for action, need to push it eventually here.
So when there are free items available, you can see it's shrinking down.
If there are only two items available, it will still remain with the four, so if I would decrease
this to two.
And I see, yeah, it's not taking effect because it's only fractionally taking up two times its maximum
space.
Now, I'm going to take this composite again.
I'm going to select the last child, which is number six.
And let's do for this.
We could also reflects growing kids taking up that space, but less to.
A flex Trink.
And now let's just type in one, this is its default value, but if I were type in now free.
And if he pushed us together a bit, action need to increase naoum the maximum width of the elements.
So let me kopit this one because the items themselves, they are without value until now.
So they don't have a maximum value or a minimum value.
But we could do oops, we could do something like width and we can assign them a width of 150 pixels.
OK, now, if I want to shrink this town on a.
I need to do a bigger value, let's say 300, let me come in this one back and this one completely out.
OK, so that's basically it for flex grow and shrink.