To conclude the power relative to the properties of the parent container of our Fleck's boxes, I'd
like to talk to you about a line connected.
This property must be used alongside with flex wrap.
You might be wondering why.
Because it enables, as we have just seen, for allowing items to align the containers with the difference,
though in this case it would align the multiple row containers.
So with the output flex wrap obtains wrapping the containers which don't get to the limit of the resolution.
Therefore, at the end of the browser with.
So let's get started at insert Fleck's rap with rap, obviously as an attribute.
And let's modify our line items into a line content.
Online content has the same possibilities, line items has therefore the same features already seen.
Flagstad, Flex and Stretch and center, but as a plus in this case, it has the opportunity to add
the spaces we have seen in justified content in starting from Flagstad, we see how obviously the alignment
will be the default one, and therefore all our devs will appear in the initial position and in crossing.
They will then obviously wrap on a new line as seen in the flex function.
What is interesting here is the opportunity to insert, for example, has really seen center or send
that start from center with center, obviously the placing would be centered inside or a container.
And in this case, by shrinking the contents as you see the wrapping B, so our element break in the
line.
Tens anyway, to gather all contents in the center.
Therefore, it does not only wrap as for space one and space two, but it also slightly gets upwards
to perfectly align the contain.
And the same is what space two does C or the three are perfectly centered in this case, vertical flex
and works exactly the same way that lets insert flex and save and refresh.
And you can see old in this case, starting from the lowest line, you get higher and higher until you
obtain all of the three.
Dave's place starting from the bottom.
These are the main functionalities of a line content used with flex wrap to the tail.
Also the other potentials of aligned content.
Let's add three more spaces inside our age to Malfi.
Therefore, space for space five, space six.
And let's add also the relative classes that scope and pace them completely.
And let's also rename them.
Then we give them new background colors and we will use green.
We will add orange.
And Violet.
Now, let's say and refresh at this point, having still flex and set, obviously we have our content
which automatically rap and the more we widen, the more the space gets up.
And enables us to align them normally.
Now we insert six to permit having a three hundred pixel height, the insertion of the space functions,
that is space between.
It's seen and refresh, which creates this effect, that is to align all our contents.
Living a space so that they might appear neatly inside the layout.
As you see, Olson, this case, everything gets aligned with this phase.
There is also space around which also in this case output's a space with, however, if further space
at the top of the alignment as well.
So this way, both at the bottom and at the top, is space gets added, which in space between is not
provided.
Finally, here is where we can insert stretch.
That will enable us to fill our content.
Regardless, their position.
In fact, by ripping the content would be anyway always forward.
So we have now a general vision of all the tips and tricks that our parent container offers with the
flex boxes.
Therefore, we can step on to the child elements and their features.