1
00:00:05,950 --> 00:00:15,640
The next property we are talking in this lesson is a line items, this property of the container permits

2
00:00:15,640 --> 00:00:18,160
to a line on the Y axis.

3
00:00:18,190 --> 00:00:19,810
So vertically.

4
00:00:21,680 --> 00:00:24,980
Our flex boxes according to the height.

5
00:00:26,160 --> 00:00:35,440
We define it for the container itself, and therefore it can be used only alongside with the hight property.

6
00:00:35,820 --> 00:00:39,180
For example, let's insert 300 pixels.

7
00:00:39,570 --> 00:00:41,640
And having said this property.

8
00:00:42,760 --> 00:00:48,970
Now we can insert instead of justified content line items.

9
00:00:49,950 --> 00:00:51,660
And as a start value.

10
00:00:53,150 --> 00:00:55,340
Let's insert Flagstad.

11
00:00:58,090 --> 00:01:06,730
In this case, too, obviously with Living Flick's start only, there won't be any change as far as

12
00:01:06,730 --> 00:01:10,750
the road alignment we saw in the previous lesson.

13
00:01:10,780 --> 00:01:19,030
Instead, if we wanted, for example, to display the entire content alone, the whole height defined

14
00:01:19,030 --> 00:01:23,440
by the container, we should insert the stretch attribute.

15
00:01:26,270 --> 00:01:32,900
As you can see, thanks to this attribute, our flex boxes get to fill up.

16
00:01:33,970 --> 00:01:40,330
All the available space they have in their inside set by height.

17
00:01:41,760 --> 00:01:50,940
In addition to a stretch and flex start, there is also the possibility to insert center and flex and

18
00:01:50,970 --> 00:01:59,250
which in this case will perform the alignment we have already seen in justify content, but vertically

19
00:01:59,250 --> 00:02:01,200
and not horizontally.

20
00:02:01,560 --> 00:02:10,170
If we inserted, for example, center without any height attribute inserted into the properties by saving

21
00:02:10,170 --> 00:02:16,890
and refreshing, as you see, our flex boxes would get inserted in the middle of the container.

22
00:02:19,390 --> 00:02:22,750
Therefore, as it is, three hundred pixels high.

23
00:02:23,810 --> 00:02:33,170
They would get placed after a hundred and fifty pixels, always ordered by row, finally by inserting

24
00:02:33,320 --> 00:02:44,870
flex and let's see how our flex boxes place themselves low at the bottom now and therefore at the end

25
00:02:44,870 --> 00:02:47,510
of the alignment in our container.

26
00:02:48,390 --> 00:02:57,450
Therefore, as a general rule, a line item enables us to insert our content with Flagstad in a default

27
00:02:57,450 --> 00:02:58,200
position.

28
00:02:59,100 --> 00:03:04,020
With center in the middle and with flexin at the bottom.

29
00:03:05,100 --> 00:03:12,960
And let's not forget about Stretch, which permits to insert the content across the whole height of

30
00:03:12,960 --> 00:03:21,000
the container, therefore also this property of our container has got some well specified features which

31
00:03:21,000 --> 00:03:24,810
may be exploited according to the need we have.