1
00:00:01,200 --> 00:00:08,580
Though, in this video, I am going to run you through sizing to Saidon, allowed you to set a wish

2
00:00:08,580 --> 00:00:13,090
and height with a bit more precision of an item relative to his parents container.

3
00:00:13,110 --> 00:00:17,930
So if you want something always that's a 25 percent whip, you can do that.

4
00:00:18,000 --> 00:00:20,550
You can also apply it to the height as well.

5
00:00:20,790 --> 00:00:25,350
You can obviously use this irrespective of the grid system.

6
00:00:25,560 --> 00:00:30,330
The great thing about it, obviously within the grid system, you have the column system as well.

7
00:00:30,700 --> 00:00:35,910
Obviously, one of the issues with the column system, it has some extra, you know, margins, for

8
00:00:35,910 --> 00:00:36,690
example.

9
00:00:36,690 --> 00:00:42,060
So if you don't want that or, you know, you want something within that without having to create another

10
00:00:42,060 --> 00:00:45,090
set of columns and rows, this is a great way to go.

11
00:00:45,330 --> 00:00:50,130
I'll provide a link to the official scything page on the website, which covers everything.

12
00:00:50,130 --> 00:00:55,800
I will run you through some basic width, you know, properties and you can do relative to the viewport

13
00:00:55,800 --> 00:00:56,430
as well.

14
00:00:56,460 --> 00:00:59,520
But once you get the concept in here, you've got to go.

15
00:00:59,830 --> 00:01:04,470
OK, so first of all, I am going to add a style.

16
00:01:04,600 --> 00:01:09,670
This is just optional simply because I want to be able to see the elements that are put within it,

17
00:01:09,720 --> 00:01:15,480
child element so I can actually see it full width because otherwise there's not enough content in the

18
00:01:15,570 --> 00:01:16,710
middle part of the text.

19
00:01:16,720 --> 00:01:21,510
You want me to tell my favorite color red or div here?

20
00:01:21,540 --> 00:01:32,070
And before I put any styling or anything like that, I'm going to put style background color white,

21
00:01:33,520 --> 00:01:38,840
I'm going to put of twenty five percent correlate to the number of twenty five percent.

22
00:01:38,850 --> 00:01:43,260
But this is why it looks like obviously you got that little bit of margin which you know you can remove

23
00:01:43,310 --> 00:01:48,050
excess or if it's within some other parent container you won't get that.

24
00:01:48,300 --> 00:01:57,570
So to actually add this, will you do a lot of the Budos twenty five point twenty five there you'll

25
00:01:58,100 --> 00:02:04,480
find that this is optional if it is going to increase the height slightly.

26
00:02:04,680 --> 00:02:07,950
This isn't, you know, the height in terms of size.

27
00:02:07,980 --> 00:02:14,970
And for this, the relative height dash twenty five fifty thousand five hundred that auto as well.

28
00:02:14,970 --> 00:02:18,590
So you just automatically know based on the content.

29
00:02:18,600 --> 00:02:23,090
So because this is Dave, this will automatically make you 100 percent OK.

30
00:02:23,100 --> 00:02:25,220
So if I was to put let's say 75.

31
00:02:27,660 --> 00:02:33,930
It's 75 percent, so that's that's really all there is to know about the still 25 percent economic data,

32
00:02:34,110 --> 00:02:38,250
that's really all there is to know that I will provide a link to this page.

33
00:02:38,490 --> 00:02:41,970
And as usual, I look forward to seeing you in the next video.