1
00:00:06,300 --> 00:00:13,350
To conclude the power relative to the properties of the parent container of our Fleck's boxes, I'd

2
00:00:13,350 --> 00:00:16,710
like to talk to you about a line connected.

3
00:00:17,160 --> 00:00:21,000
This property must be used alongside with flex wrap.

4
00:00:21,720 --> 00:00:23,490
You might be wondering why.

5
00:00:24,090 --> 00:00:32,430
Because it enables, as we have just seen, for allowing items to align the containers with the difference,

6
00:00:32,430 --> 00:00:37,410
though in this case it would align the multiple row containers.

7
00:00:37,860 --> 00:00:46,380
So with the output flex wrap obtains wrapping the containers which don't get to the limit of the resolution.

8
00:00:46,680 --> 00:00:49,740
Therefore, at the end of the browser with.

9
00:00:51,490 --> 00:00:58,000
So let's get started at insert Fleck's rap with rap, obviously as an attribute.

10
00:00:59,640 --> 00:01:04,440
And let's modify our line items into a line content.

11
00:01:05,600 --> 00:01:14,690
Online content has the same possibilities, line items has therefore the same features already seen.

12
00:01:16,650 --> 00:01:26,340
Flagstad, Flex and Stretch and center, but as a plus in this case, it has the opportunity to add

13
00:01:26,340 --> 00:01:36,420
the spaces we have seen in justified content in starting from Flagstad, we see how obviously the alignment

14
00:01:36,450 --> 00:01:45,780
will be the default one, and therefore all our devs will appear in the initial position and in crossing.

15
00:01:45,780 --> 00:01:51,210
They will then obviously wrap on a new line as seen in the flex function.

16
00:01:53,370 --> 00:02:02,420
What is interesting here is the opportunity to insert, for example, has really seen center or send

17
00:02:02,610 --> 00:02:09,890
that start from center with center, obviously the placing would be centered inside or a container.

18
00:02:10,500 --> 00:02:18,150
And in this case, by shrinking the contents as you see the wrapping B, so our element break in the

19
00:02:18,150 --> 00:02:18,630
line.

20
00:02:20,180 --> 00:02:24,510
Tens anyway, to gather all contents in the center.

21
00:02:25,130 --> 00:02:34,000
Therefore, it does not only wrap as for space one and space two, but it also slightly gets upwards

22
00:02:34,100 --> 00:02:36,710
to perfectly align the contain.

23
00:02:36,740 --> 00:02:46,100
And the same is what space two does C or the three are perfectly centered in this case, vertical flex

24
00:02:46,100 --> 00:02:53,240
and works exactly the same way that lets insert flex and save and refresh.

25
00:02:53,720 --> 00:03:02,720
And you can see old in this case, starting from the lowest line, you get higher and higher until you

26
00:03:02,720 --> 00:03:04,400
obtain all of the three.

27
00:03:04,400 --> 00:03:07,400
Dave's place starting from the bottom.

28
00:03:07,850 --> 00:03:15,150
These are the main functionalities of a line content used with flex wrap to the tail.

29
00:03:15,170 --> 00:03:18,620
Also the other potentials of aligned content.

30
00:03:18,950 --> 00:03:24,320
Let's add three more spaces inside our age to Malfi.

31
00:03:24,530 --> 00:03:27,980
Therefore, space for space five, space six.

32
00:03:28,340 --> 00:03:34,360
And let's add also the relative classes that scope and pace them completely.

33
00:03:34,670 --> 00:03:36,650
And let's also rename them.

34
00:03:37,280 --> 00:03:43,010
Then we give them new background colors and we will use green.

35
00:03:45,900 --> 00:03:48,150
We will add orange.

36
00:03:49,330 --> 00:03:51,310
And Violet.

37
00:03:54,060 --> 00:04:04,830
Now, let's say and refresh at this point, having still flex and set, obviously we have our content

38
00:04:04,830 --> 00:04:11,310
which automatically rap and the more we widen, the more the space gets up.

39
00:04:12,340 --> 00:04:15,520
And enables us to align them normally.

40
00:04:16,660 --> 00:04:27,160
Now we insert six to permit having a three hundred pixel height, the insertion of the space functions,

41
00:04:27,880 --> 00:04:29,830
that is space between.

42
00:04:37,710 --> 00:04:44,820
It's seen and refresh, which creates this effect, that is to align all our contents.

43
00:04:46,640 --> 00:04:52,370
Living a space so that they might appear neatly inside the layout.

44
00:04:56,260 --> 00:05:01,840
As you see, Olson, this case, everything gets aligned with this phase.

45
00:05:02,770 --> 00:05:13,030
There is also space around which also in this case output's a space with, however, if further space

46
00:05:13,030 --> 00:05:15,300
at the top of the alignment as well.

47
00:05:18,050 --> 00:05:27,650
So this way, both at the bottom and at the top, is space gets added, which in space between is not

48
00:05:27,650 --> 00:05:28,540
provided.

49
00:05:29,660 --> 00:05:33,290
Finally, here is where we can insert stretch.

50
00:05:34,930 --> 00:05:38,530
That will enable us to fill our content.

51
00:05:39,750 --> 00:05:41,640
Regardless, their position.

52
00:05:43,020 --> 00:05:48,610
In fact, by ripping the content would be anyway always forward.

53
00:05:49,470 --> 00:05:57,450
So we have now a general vision of all the tips and tricks that our parent container offers with the

54
00:05:57,450 --> 00:05:58,640
flex boxes.

55
00:05:59,280 --> 00:06:04,890
Therefore, we can step on to the child elements and their features.