1
00:00:00,770 --> 00:00:02,610
Next up, a line content.

2
00:00:03,290 --> 00:00:08,840
Sometimes the total size of your grid might be less than the side of the grid container.

3
00:00:09,200 --> 00:00:14,740
This could happen if all of your grid items are sized with non flexible units like pixels.

4
00:00:15,410 --> 00:00:19,410
In this case, you can see the alignment of the grid within the grid container.

5
00:00:19,760 --> 00:00:27,770
This property and as a grid along the block column axis as opposed to just the content which aligned

6
00:00:27,770 --> 00:00:30,380
the grid along the inland road axis.

7
00:00:30,590 --> 00:00:33,220
So let's take a look at it here.

8
00:00:33,540 --> 00:00:35,510
So let's grab on to our container again.

9
00:00:36,370 --> 00:00:40,820
Class of container grid container as displayed as grid.

10
00:00:43,060 --> 00:00:45,340
And also comment on.

11
00:00:47,000 --> 00:00:49,370
Action could come and thought everything here.

12
00:00:51,840 --> 00:00:53,250
And remain.

13
00:00:54,390 --> 00:00:58,080
Yeah, remember the great economy of free, so we paid.

14
00:01:02,070 --> 00:01:04,260
Three times I'm going to use pixels again.

15
00:01:04,290 --> 00:01:15,270
OK, 100, 175 pixels, killer save and beginning to click refresh here.

16
00:01:15,900 --> 00:01:16,290
Yep.

17
00:01:16,290 --> 00:01:16,910
There we go.

18
00:01:21,780 --> 00:01:29,310
OK, so let's start with aligning the content to the start line items content.

19
00:01:33,990 --> 00:01:41,150
To this thought and this was line the grid to the flush with the start edge of the grid container,

20
00:01:41,170 --> 00:01:41,670
so.

21
00:01:47,640 --> 00:01:50,640
Because the all of the items are up here at the start.

22
00:01:51,840 --> 00:02:00,330
Now let's go with and line items, items, wiretapping items, its content are.

23
00:02:01,490 --> 00:02:07,310
To the end, which will line the items, the flush with end edge of the great container.

24
00:02:08,720 --> 00:02:12,950
There are two missing there we go, another down here.

25
00:02:16,470 --> 00:02:23,970
We center online content to the center, which, of course, will align the grid in the center of the

26
00:02:23,970 --> 00:02:24,790
grid container.

27
00:02:25,290 --> 00:02:32,030
Then we have stretch online content rest and stretch property.

28
00:02:33,630 --> 00:02:38,730
And this was just size of great items to allow the grid to fill the full height of the grid container

29
00:02:40,200 --> 00:02:41,850
and keep going to hit save.

30
00:02:42,210 --> 00:02:46,300
And there we go now exactly as we had in justifying content.

31
00:02:46,680 --> 00:02:51,000
We also have a line content with space between.

32
00:02:53,270 --> 00:02:59,950
Actually start with space around which you place an even amount of space between each great item of

33
00:03:00,040 --> 00:03:03,580
size space on the far end of the container.

34
00:03:04,990 --> 00:03:05,800
Let's take a look.

35
00:03:08,960 --> 00:03:15,570
As you can see, between the items, there's equal space and within the edges, there's all of that

36
00:03:15,570 --> 00:03:16,000
space.

37
00:03:16,240 --> 00:03:24,090
Next up, be a space between so a line content with space between which places and even amount of space

38
00:03:24,090 --> 00:03:28,320
between each grid item with no space to the far end.

39
00:03:29,550 --> 00:03:31,110
I keep forgetting to save.

40
00:03:37,280 --> 00:03:40,400
And lest we have space evenly.

41
00:03:45,090 --> 00:03:51,460
Which would place an even amount of space between each item, including the four ends.

42
00:03:52,370 --> 00:03:55,270
OK, so that's basically it for a line content.