1
00:00:07,850 --> 00:00:08,930
In this video.

2
00:00:08,930 --> 00:00:12,050
Let's talk about flex order.

3
00:00:12,080 --> 00:00:13,490
What does it mean?

4
00:00:13,790 --> 00:00:21,290
It simply means that I can change the position of this item the way I want it.

5
00:00:21,410 --> 00:00:28,070
So let's say that in our structure or our semantic, this is the default.

6
00:00:28,250 --> 00:00:35,720
We have A being first B and C as we see A, B, and C.

7
00:00:35,750 --> 00:00:40,490
But I can use Flexbox to change the position.

8
00:00:40,730 --> 00:00:46,820
So what I need to do is I'm going to add order to a particular child.

9
00:00:47,000 --> 00:00:55,510
Let's say that for child one, which is a when I use order and I give it one, now let's see.

10
00:00:55,520 --> 00:01:01,760
You can see now A has become last and B, C and A in the order.

11
00:01:01,790 --> 00:01:10,740
So if I add order, let's say to the child to order of two.

12
00:01:10,760 --> 00:01:12,470
Now let's see the effects.

13
00:01:13,490 --> 00:01:18,530
Now you can see that the B is higher than E.

14
00:01:18,560 --> 00:01:23,240
That is why B has been starting from here to this height.

15
00:01:23,270 --> 00:01:25,120
Meaning I have changed the order.

16
00:01:25,130 --> 00:01:36,320
And if we add order of three to the green one, you can see that because green has higher order, it

17
00:01:36,330 --> 00:01:37,190
should be last.

18
00:01:37,520 --> 00:01:41,360
So this means that it's being arranged in what?

19
00:01:41,360 --> 00:01:46,640
In ascending order, you see, because we have one here for the child.

20
00:01:46,640 --> 00:01:48,230
One which is e.

21
00:01:48,260 --> 00:01:49,820
That is why we have it here.

22
00:01:49,820 --> 00:01:52,440
And child two which is two.

23
00:01:52,460 --> 00:01:53,630
That's what we have here.

24
00:01:53,630 --> 00:01:56,880
And CHILD three Which is three, which is here.

25
00:01:56,900 --> 00:02:07,610
But if I change the child 3 to 2 and then the child 1 to 3, what will be the effect?

26
00:02:07,640 --> 00:02:13,370
You can see that child one has become less because it has the highest order.

27
00:02:13,610 --> 00:02:18,740
So the higher the order value, the more last of the item.