1
00:00:00,720 --> 00:00:04,050
Now, let's take a look at our column and Rose.

2
00:00:04,960 --> 00:00:13,030
And this is specifies the size of any auto, generate a great track, implicitly tracks implicit tracks,

3
00:00:13,030 --> 00:00:21,400
get created when they are more accurate items than cells in the grid or when a grid item is placed outside

4
00:00:21,670 --> 00:00:22,840
of explicit grid.

5
00:00:22,870 --> 00:00:25,780
So let's take a look at how this actually looks.

6
00:00:28,360 --> 00:00:36,430
Not a step in the comment here with great auto columns and great auto rows.

7
00:00:45,020 --> 00:00:54,750
Take a container again, great container display, that's great, and I'm going to comment on it again,

8
00:00:54,890 --> 00:00:55,640
this part.

9
00:00:57,190 --> 00:00:58,270
Is it safe?

10
00:00:58,480 --> 00:01:08,590
Let's take a look at our grid work, and that changed the great auto columns to, let's say, 100 pixels

11
00:01:08,950 --> 00:01:10,570
and four grid all rows.

12
00:01:19,390 --> 00:01:21,130
We're going to use eight pixels.

13
00:01:25,860 --> 00:01:33,990
Now, again, we need to take each item separately, so let's take the grid item and we're going to

14
00:01:34,170 --> 00:01:35,080
select the children.

15
00:01:35,490 --> 00:01:42,510
So first one need to open this and actually going to copy this a few times.

16
00:01:42,510 --> 00:01:46,320
So I'm going for five, six.

17
00:01:47,250 --> 00:01:52,950
And also, let's change them so that you would be the second child, the first child, fourth one,

18
00:01:53,460 --> 00:01:58,070
fifth one and the sixth one, imagine having six children.

19
00:01:58,200 --> 00:01:58,890
Just imagine.

20
00:01:59,880 --> 00:02:04,980
OK, now let's take the first child and let's say kid column.

21
00:02:06,010 --> 00:02:12,850
And we're going to put this great column from one to two, what this does, and I should finish this

22
00:02:13,360 --> 00:02:17,800
and the great rule from one to three.

23
00:02:18,970 --> 00:02:20,230
Let's take a look what this does.

24
00:02:21,190 --> 00:02:27,670
You see, we have this and this is why I'm using Firefox for this specific example for explaining it,

25
00:02:27,670 --> 00:02:30,160
because Firefox has this column limitation.

26
00:02:30,170 --> 00:02:35,620
So the first column ends from the line one to the line two and the first row.

27
00:02:36,650 --> 00:02:45,380
Should and from one to two, but now he's spending it to free, so let me just give you an example.

28
00:02:45,380 --> 00:02:47,630
If I would spend this down to five.

29
00:02:49,140 --> 00:02:55,340
So instead of free, I could type in here five and this would push the item down to the fifth floor.

30
00:02:55,560 --> 00:03:03,430
OK, also then creating a sixth one down here, not a six item, but you see pushes outside a good container.

31
00:03:04,200 --> 00:03:08,610
Let me change this to free back again and let's start playing around with our items.

32
00:03:09,630 --> 00:03:20,340
So the second child gets a great column and a good place is from one slash free and great row.

33
00:03:24,090 --> 00:03:28,090
Good, now go from two to three now say I see what happened.

34
00:03:28,710 --> 00:03:36,180
It was our second item is not spending and it's overlapping our first one, but spending from one to

35
00:03:36,600 --> 00:03:38,580
three and from.

36
00:03:39,850 --> 00:03:40,750
Two to three.

37
00:03:42,330 --> 00:03:43,830
Exactly as you specified it here.

38
00:03:43,950 --> 00:03:45,840
Now let's take a food item.

39
00:03:46,960 --> 00:03:48,790
And that's a great column.

40
00:03:51,930 --> 00:04:01,620
One to three and a row, let's go with to Tulasi for.

41
00:04:04,100 --> 00:04:07,190
OK, and I was spending from here to down here.

42
00:04:09,850 --> 00:04:11,390
Let's take a short one.

43
00:04:11,410 --> 00:04:12,790
Let's give another example.

44
00:04:13,810 --> 00:04:22,390
Great column, I'm going to spend this from four to five on the columns and on the grid rows, we could

45
00:04:22,390 --> 00:04:25,120
spend with something like four to five again.

46
00:04:26,820 --> 00:04:32,180
Point five, Slashfilm, OK, and hey, there we go.

47
00:04:35,700 --> 00:04:40,530
OK, the last two of them, I'm going to leave it up to you to spend them as you wish.

48
00:04:41,990 --> 00:04:45,770
OK, so that's basically it for all columns and rows.