1
00:00:01,130 --> 00:00:08,360
Hello, in this video, we are going to take a look at margin utilities, so this essentially allows

2
00:00:08,360 --> 00:00:14,110
us to provide some margin for some spacing around the columns.

3
00:00:14,420 --> 00:00:22,070
So all you do, if you apply it on a particular column, you do smell a dash and then you put an optional.

4
00:00:22,070 --> 00:00:22,840
This is optional.

5
00:00:23,060 --> 00:00:24,250
You can put a breakpoint.

6
00:00:24,260 --> 00:00:31,670
So, you know, except for a small, simple, small and medium algae for large Excel, for extra large

7
00:00:31,670 --> 00:00:36,950
XXL, for extra, extra large and only breakpoint sizes are available on the Brewster website.

8
00:00:37,160 --> 00:00:38,590
The link to the description.

9
00:00:38,600 --> 00:00:44,270
Plus, when I covered the grid system, I covered all those sizes as well.

10
00:00:44,270 --> 00:00:54,440
So the size here or if you imitate it, goes to the extra small size and trickles up unless there's

11
00:00:54,440 --> 00:00:59,820
something else that overrides it for auto happens when we do that.

12
00:01:00,290 --> 00:01:08,210
So this just applies some padding to the left and it just automatically adjusts fixed because this covers

13
00:01:08,210 --> 00:01:10,180
six and now is six over there.

14
00:01:10,430 --> 00:01:20,820
What if we do and this one here, for example, now applied an even amount of padding on both of the

15
00:01:20,820 --> 00:01:34,400
V to the left and to the next here we get VIFF, but maybe we want them centered.

16
00:01:34,400 --> 00:01:37,250
So what we can do is basically get rid of this one.

17
00:01:43,870 --> 00:01:55,090
So we get so that's it, that is how you use margin utilities and let's if do this so we can also apply

18
00:01:55,090 --> 00:01:58,690
that sort of same system to the right as well.

19
00:01:59,070 --> 00:02:01,210
But this is looking pretty good.

20
00:02:02,050 --> 00:02:02,670
Save it.

21
00:02:02,680 --> 00:02:03,310
Reload.

22
00:02:03,490 --> 00:02:07,390
We got some even margin in between all of the columns.

23
00:02:07,690 --> 00:02:08,600
So that's it.

24
00:02:08,620 --> 00:02:11,230
If you have any questions, feel free to pour me a message.

25
00:02:11,230 --> 00:02:15,100
And as usual, I look forward to seeing you in the next video.