1
00:00:01,250 --> 00:00:09,200
Hello, in this video, I am going to cover the next property, so the utility, I'll provide a link

2
00:00:09,200 --> 00:00:09,530
to this.

3
00:00:09,530 --> 00:00:15,020
I can see more information about all the different ways to implement it on different screen sizes.

4
00:00:15,230 --> 00:00:16,830
You know how to justify content.

5
00:00:16,830 --> 00:00:24,010
But to show you a simple example, it allows you to effect alignment, the specifics of the layout of

6
00:00:24,020 --> 00:00:26,470
the columns, making it a bit more specific.

7
00:00:26,480 --> 00:00:35,900
So it's an extension of the flex box and lets us implement a very simple for the safety of our Divinia

8
00:00:42,620 --> 00:00:43,490
P dash to this.

9
00:00:43,500 --> 00:00:47,120
Just formatting for now the big danger.

10
00:00:48,680 --> 00:00:50,360
I'm going to put.

11
00:00:53,740 --> 00:00:54,010
In.

12
00:00:57,180 --> 00:01:03,150
Let's to contain them or it will be soon, for we know that that's what we get, why do we want it?

13
00:01:03,150 --> 00:01:12,300
So we only have enough to essentially, you know, contain the content.

14
00:01:12,570 --> 00:01:14,220
So what we can do is.

15
00:01:16,750 --> 00:01:20,480
Dash in else Max for do that.

16
00:01:20,620 --> 00:01:28,200
That's only enough to contain the content and cover some styling for the height with the dash too.

17
00:01:28,420 --> 00:01:29,200
So that way.

18
00:01:30,450 --> 00:01:33,500
The background is on all the way along.

19
00:01:33,520 --> 00:01:37,580
So maybe we want to relative to what's in in the actual content.

20
00:01:37,800 --> 00:01:39,980
That said, there's not much more to it than that.

21
00:01:39,990 --> 00:01:41,880
Like I said, I'll provide a link to this.

22
00:01:42,180 --> 00:01:44,100
I could go over all these classes.

23
00:01:44,340 --> 00:01:46,200
But, you know, it's pretty self-explanatory.

24
00:01:46,230 --> 00:01:49,590
These are the flat box stand in line for letterbox ones.

25
00:01:49,840 --> 00:01:56,290
This direction, one's rights on how to position them based on left and right.

26
00:01:56,550 --> 00:01:59,040
There's also one had to justify them.

27
00:01:59,040 --> 00:02:04,350
Again, they're just very simple classes and they're just always on the left.

28
00:02:04,350 --> 00:02:06,030
They're always on the right, for example.

29
00:02:06,210 --> 00:02:13,800
It just ensures that you are essentially going almost beat on the column implementation system.

30
00:02:13,800 --> 00:02:17,610
And if you want something always in the middle, always in the right or always in between, two elements,

31
00:02:17,610 --> 00:02:21,710
regardless of how big the spaces this works, that's it.

32
00:02:21,840 --> 00:02:24,210
If you have any questions, feel free to put me a message.

33
00:02:24,210 --> 00:02:28,320
And as usual, I look forward to seeing you in the next video.