1 00:00:00,360 --> 00:00:02,910 And this is how we're going to learn about great gap. 2 00:00:04,470 --> 00:00:12,510 The gap specifies the size of the great line, you can think of it like setting the width of the gutters 3 00:00:12,750 --> 00:00:14,430 between columns and rows. 4 00:00:15,000 --> 00:00:21,330 And please note that the gutters are only created between the columns and rows, not outer edges of 5 00:00:21,330 --> 00:00:22,590 the grid case. 6 00:00:22,920 --> 00:00:24,450 Let's take a look at how this looks. 7 00:00:25,110 --> 00:00:27,840 So let's start with the comment of Grid GEP. 8 00:00:31,740 --> 00:00:33,570 Now, first of all, where is this camp? 9 00:00:34,440 --> 00:00:40,440 Actually, between these lines, you can't see anything right now because we don't have any gap, but 10 00:00:41,250 --> 00:00:43,290 let's insert some sort of gap. 11 00:00:43,290 --> 00:00:51,660 So we're going to select our container, such as a container doesn't create the gap between the columns 12 00:00:52,440 --> 00:00:53,550 and the rows. 13 00:00:54,150 --> 00:00:58,320 Some some pride syntaxes were great. 14 00:01:01,550 --> 00:01:07,190 Column gap, but as you can see, it is already out of use of this property is obsolete, but it's still 15 00:01:07,190 --> 00:01:07,520 going. 16 00:01:07,550 --> 00:01:09,740 But I'm still going to show you how it works. 17 00:01:10,070 --> 00:01:17,000 It's a great column and GEP now, for example, I can type in here 10 pixels. 18 00:01:17,240 --> 00:01:23,990 And if you go here, you can see that between our columns, we have now 10 pixels out GEP. 19 00:01:25,890 --> 00:01:28,380 OK, now let's do the same thing for the rose. 20 00:01:28,410 --> 00:01:34,650 I'm just going to copy this and instead of column, I'm going to replace it with Roe and let's increase 21 00:01:34,650 --> 00:01:36,520 this x ray to 20 pixels. 22 00:01:37,500 --> 00:01:41,100 Now we have a gap between our rows of 20 pixels. 23 00:01:42,450 --> 00:01:45,570 OK, but this as I said, the sentences are no longer used. 24 00:01:45,870 --> 00:01:49,350 I'm going to come into them out and instead of. 25 00:01:50,820 --> 00:01:58,160 Great column gap and great real gap, there is just gap and the Gap looks something like this. 26 00:01:58,200 --> 00:02:05,490 So is that gap and normally you would have no rule the first Syntex and the second would become sort 27 00:02:05,490 --> 00:02:07,710 of second value. 28 00:02:09,330 --> 00:02:18,720 So let's try this out, let's say gap and let's say let's head up there 10 pixels now let's change it. 29 00:02:18,720 --> 00:02:28,080 Let's say 20 pixels and 10 pixels actually did do the same thing that we should have had 10 pixels and 30 00:02:28,080 --> 00:02:29,200 24 pixels. 31 00:02:29,200 --> 00:02:30,000 We're going to change now. 32 00:02:30,000 --> 00:02:32,410 Roll and columns are going to come this one out. 33 00:02:32,700 --> 00:02:33,480 So let's take a look. 34 00:02:34,270 --> 00:02:36,390 Okay, so now we changed between that. 35 00:02:36,390 --> 00:02:40,700 We have 10 pixels between the rows and 20 pixels between the columns. 36 00:02:41,460 --> 00:02:46,530 Not if you want to have only one value between rows and columns. 37 00:02:46,710 --> 00:02:50,810 They could just Taiping Gap and type in 15 pixels, for example. 38 00:02:51,420 --> 00:02:55,590 And if you take a look, we have not 15 pixels between rows and columns. 39 00:02:55,990 --> 00:02:58,920 Okay, so that's pretty much it for the Gap, seeing the next one.