1
00:00:00,060 --> 00:00:06,840
So the next property we're going to learn about is for four items is justified self, which aligns a

2
00:00:06,840 --> 00:00:15,930
great item inside of a cell along the line Roe axis, as opposed to a line self which will align along

3
00:00:15,930 --> 00:00:17,610
the block column axis.

4
00:00:18,360 --> 00:00:21,300
Now, this very applies to the grid item inside the cell.

5
00:00:21,310 --> 00:00:22,920
So let's take a look at this.

6
00:00:25,380 --> 00:00:29,340
And right here, I'm going to type in another comment just of myself.

7
00:00:34,320 --> 00:00:41,130
So let's go down here and so let me just see, I think I'm going to leave the great container that this

8
00:00:41,130 --> 00:00:45,750
was six cells and right of 100 pixels.

9
00:00:47,770 --> 00:00:51,880
And now let me take a moment, think, for example, the second child right here.

10
00:00:52,120 --> 00:00:54,910
Now, let's comment about all of this positions.

11
00:00:56,190 --> 00:01:02,310
So a great column would start and so forth and so on, and now let's.

12
00:01:03,340 --> 00:01:10,630
Justify itself and possibly going to start with a start and a.

13
00:01:11,490 --> 00:01:18,870
Actor and what this will do is Aline's the grid item to be flushed with the start edge of the cell.

14
00:01:19,260 --> 00:01:24,480
So if I go in here and actually hit refresh, so we justified.

15
00:01:25,860 --> 00:01:27,480
The second child.

16
00:01:31,320 --> 00:01:34,060
Kids can see right in here within a cell.

17
00:01:34,530 --> 00:01:38,320
It's aligned the flush with the start of itself.

18
00:01:39,120 --> 00:01:46,870
So let's try now and which will align with item to the flush with and edge of the cell.

19
00:01:47,490 --> 00:01:54,710
So if I'm going to change, I'm just going to copy this extra step in here and hit enter.

20
00:01:54,720 --> 00:01:55,380
It's safe.

21
00:01:55,380 --> 00:01:58,020
And you can see the second item is now pushed to the right side.

22
00:01:58,500 --> 00:02:06,060
Next up is centered just off herself and center, which aligned the grid atom to the center of the cell.

23
00:02:07,810 --> 00:02:17,590
And don't forget, we are spending this form for ta ta here, so the last thing is stretch, which is

24
00:02:17,590 --> 00:02:23,200
the default value, let's see justify self and then stretch.

25
00:02:28,810 --> 00:02:29,590
The stretch

26
00:02:32,110 --> 00:02:35,620
and now the item is stretched to about itself.

27
00:02:36,190 --> 00:02:38,050
OK, so that's it for just the price of.