1
00:00:01,140 --> 00:00:07,710
Hello, in this video, I am going to show you vertical alignment and arrows.

2
00:00:07,780 --> 00:00:14,550
So we have this little container here which have these three columns we're all going to do is and this

3
00:00:14,550 --> 00:00:15,410
row as well.

4
00:00:15,720 --> 00:00:19,660
I'm going to create some stall for the row.

5
00:00:19,680 --> 00:00:20,970
You could do it on the row.

6
00:00:21,240 --> 00:00:26,100
Plus you could specify a different, you know, particular class.

7
00:00:26,110 --> 00:00:29,310
And this is just so you can see what is happening, though, here.

8
00:00:29,330 --> 00:00:30,990
I'm going to put a background

9
00:00:33,900 --> 00:00:41,280
color of volume, but then I'm going to pull out of 500 pixels.

10
00:00:41,280 --> 00:00:44,550
So let's see what happens just by doing that.

11
00:00:44,640 --> 00:00:45,670
So this is what happens.

12
00:00:45,960 --> 00:00:48,420
Columns fill the entire height.

13
00:00:48,690 --> 00:00:58,370
If you don't actually want to do that, what you want to do for allowing Dush items does start.

14
00:01:00,000 --> 00:01:01,500
And that doesn't change anything.

15
00:01:02,010 --> 00:01:06,630
But what that does is just keeps the, you know, the height, the original amount.

16
00:01:06,780 --> 00:01:11,550
That's relative to whatever content and what the styling has been applied to these particular columns,

17
00:01:11,760 --> 00:01:13,410
which is very minimal at the moment.

18
00:01:13,740 --> 00:01:20,300
But what is allowing me to do it four percent now is a in the center.

19
00:01:20,580 --> 00:01:24,960
And if upper end, you can guess what happens, it aligns at the bottom.

20
00:01:25,180 --> 00:01:31,610
So that's the easy way of vertically aligning the columns are anything within this row is aligned accordingly.

21
00:01:32,480 --> 00:01:43,540
OK, so that's another way of allowing women to follow through or put, you know, break line as well.

22
00:01:43,580 --> 00:01:52,640
So we got this right here, but instead of putting it a line items in there, we actually specify an

23
00:01:52,640 --> 00:01:55,810
alignment class on the actual column itself.

24
00:01:55,810 --> 00:02:04,640
So if you align themselves as they start, for example, or copy that, they stay here and put this

25
00:02:04,640 --> 00:02:09,860
one on the next one or put center, not put in

26
00:02:12,560 --> 00:02:14,010
what will happen now.

27
00:02:14,960 --> 00:02:16,880
So we are manually.

28
00:02:17,850 --> 00:02:23,790
A line in each column so we could do in in any order we wanted, we could have one here, one there

29
00:02:23,790 --> 00:02:27,170
and another one then the one the maybe the one down here.

30
00:02:27,360 --> 00:02:30,210
This just means we don't have to align them all.

31
00:02:31,160 --> 00:02:36,890
OK, down or Sentai within a line, just one or two of them, so that's it, that's how you do vertical

32
00:02:36,890 --> 00:02:37,470
alignment.

33
00:02:37,490 --> 00:02:45,320
All this code will be provided in the GitHub Source Code Repository link to idea in the description.

34
00:02:45,540 --> 00:02:48,110
If you have any questions, feel free to put me a message.

35
00:02:48,110 --> 00:02:51,800
And as usual, I look forward to seeing you in the next video.