1
00:00:00,470 --> 00:00:07,040
OK, so next up, we have justified items, and this was a line with items along the line rule axes

2
00:00:07,490 --> 00:00:12,470
as opposed to a line items which Alliance along the Block column EXIS.

3
00:00:12,690 --> 00:00:16,200
This applies to all good items inside the container.

4
00:00:16,220 --> 00:00:18,680
So let's take a look at how this works.

5
00:00:20,860 --> 00:00:26,650
So let's that in your first comment to justify.

6
00:00:29,950 --> 00:00:30,670
Items.

7
00:00:34,590 --> 00:00:41,040
So let's take our container and I'm going to actually comment about everything that we have up here,

8
00:00:41,040 --> 00:00:41,550
so.

9
00:00:42,590 --> 00:00:50,090
This gap, I don't want to see this anymore, and also our great container right here.

10
00:00:51,130 --> 00:00:56,540
OK, so as again, gone to display this grid, just stepping outside, huh?

11
00:00:56,960 --> 00:00:59,270
So display as grid.

12
00:01:01,780 --> 00:01:08,530
They're going to set the grid template columns to a repeat of two times one in four.

13
00:01:12,020 --> 00:01:13,610
So they have two fractions.

14
00:01:16,980 --> 00:01:25,320
Get me on, we'll have one here and one here and items are now nested on the right side, but we will

15
00:01:25,320 --> 00:01:25,960
fix this.

16
00:01:26,790 --> 00:01:28,740
So what are the values of this?

17
00:01:28,750 --> 00:01:29,790
What are the properties?

18
00:01:29,940 --> 00:01:34,800
First of all, we'll start off with justify items and we'll start up to the thought.

19
00:01:35,070 --> 00:01:40,720
And this will outline the items to be flush with to the start edge of the cell.

20
00:01:41,130 --> 00:01:46,490
So let's try it just to find items and let's go with start.

21
00:01:47,050 --> 00:01:49,020
OK, let's take a look at this.

22
00:01:51,450 --> 00:01:56,760
Oh, and also, please comment about the names, we don't need them right now.

23
00:01:59,750 --> 00:02:09,140
So let's go from up here to down here, it's going to mount, OK, now it's working.

24
00:02:10,740 --> 00:02:20,970
Now, next stop, let's justify the items to the end, justify items, and we'll just have to end which

25
00:02:21,570 --> 00:02:24,910
items to flush with and edge of the cell.

26
00:02:25,020 --> 00:02:25,860
So let's take a look.

27
00:02:26,290 --> 00:02:27,990
Getting out there on the right side.

28
00:02:29,760 --> 00:02:33,120
Then we'll have center so justify.

29
00:02:35,410 --> 00:02:42,820
Items and center, which line items to the center of the cell, obviously, so they are now in the center

30
00:02:42,820 --> 00:02:43,360
of the cell.

31
00:02:45,790 --> 00:02:55,030
And last but not least, will have justify items and stretched, which will fill the whole width of

32
00:02:55,030 --> 00:02:57,430
the cell and it's actually the default value.

33
00:02:57,460 --> 00:03:02,800
So, you know, if you if I want, we can have anything you want to comment.

34
00:03:02,810 --> 00:03:08,950
This one out is basically the same because this is a default value in type in display grid with tend

35
00:03:09,080 --> 00:03:13,990
column two times one or possibly splice it into exactly two columns.

36
00:03:15,220 --> 00:03:18,010
And yeah, this is the default value of just the items.

37
00:03:18,830 --> 00:03:20,980
OK, so that's it for just a few items.