1
00:00:08,029 --> 00:00:09,140
In this video.

2
00:00:09,140 --> 00:00:12,230
Let's talk about align serve.

3
00:00:12,290 --> 00:00:14,150
So what does it mean?

4
00:00:14,180 --> 00:00:22,720
It simply means that I can control a particular item without affecting the remaining item.

5
00:00:22,730 --> 00:00:29,410
So let's say that I want to move the C to this side up or left or right.

6
00:00:29,420 --> 00:00:32,680
I can use a line serve to achieve that.

7
00:00:32,689 --> 00:00:36,190
So it always depends on the direction.

8
00:00:36,200 --> 00:00:44,330
So let's say let me remove the flex grow and then all these properties or I can comment it like that

9
00:00:44,330 --> 00:00:46,970
and also like that.

10
00:00:46,970 --> 00:00:49,760
So now back to default at the center.

11
00:00:49,880 --> 00:00:55,790
So let's say that for child one, I want to move it downwards.

12
00:00:55,790 --> 00:01:01,580
So I'm going to use what is called a line serve, meaning you are controlling a particular child called

13
00:01:01,580 --> 00:01:01,970
self.

14
00:01:01,970 --> 00:01:03,470
That is myself, right?

15
00:01:03,470 --> 00:01:11,390
So when I say flex baseline line, let's see when I save it, you can see it is at a base line from

16
00:01:11,390 --> 00:01:11,750
where?

17
00:01:11,750 --> 00:01:13,940
From the cross axis.

18
00:01:14,000 --> 00:01:22,460
And if I change this one to flex and nine C, you can see that this where it is.

19
00:01:23,090 --> 00:01:28,970
If I change the direction to column, you can see the movement also.

20
00:01:29,210 --> 00:01:32,210
So just play around with it and see the movement.

21
00:01:32,210 --> 00:01:38,480
So the take away here is that align serve is used to control a particular item.

22
00:01:38,480 --> 00:01:41,620
So let's say that on the child too.

23
00:01:41,630 --> 00:01:51,740
I want to make use of align serve also going to be the flex starts now you see how I'm arranging the

24
00:01:51,740 --> 00:01:53,270
items on the page.

25
00:01:53,270 --> 00:01:54,490
So that is it.

26
00:01:54,500 --> 00:02:01,700
The next video, I'm going to use this tool to explain all the concepts that we have done and then we

27
00:02:01,700 --> 00:02:07,910
get back to responsive design and then we go ahead and develop this beautiful website.