1
00:00:01,270 --> 00:00:09,670
Hello, in this video, we are going to cover or are we going to cover reordering columns so we've got

2
00:00:09,670 --> 00:00:15,820
this little basic system in a row and then three columns inside column one, column two and column three

3
00:00:16,300 --> 00:00:16,800
coming out.

4
00:00:16,920 --> 00:00:23,620
If you've got our website full, maybe on a particular screen, we actually want a different order.

5
00:00:23,650 --> 00:00:30,130
So let's say on the extra extra large screen size, you want this column to be first and then the other

6
00:00:30,130 --> 00:00:38,550
two to be in the normal order of this one and this one to do that, you could order Dash then the breakpoint.

7
00:00:38,560 --> 00:00:43,630
So if you put no breakpoint and you just put Dash in a number, it holds extra small, which would trickle

8
00:00:43,630 --> 00:00:43,930
up on.

9
00:00:43,930 --> 00:00:52,570
That's overridden SME small and medium, L.G. for large, Excel for extra large and Excel if it's extra

10
00:00:52,570 --> 00:00:53,050
large.

11
00:00:53,080 --> 00:00:55,020
So that's a number here.

12
00:00:55,060 --> 00:00:57,010
So the lower the number the.

13
00:00:58,980 --> 00:01:04,710
The lower the order for the first one that will have the lower dose from the first before do that,

14
00:01:05,250 --> 00:01:10,980
you know, nothing happened because if there isn't anything specified here, these will have a higher

15
00:01:11,070 --> 00:01:13,920
order, essentially higher precedence.

16
00:01:14,190 --> 00:01:16,950
You have to specify your order here as well.

17
00:01:17,150 --> 00:01:24,270
Order to order the three, four, five that as you can see, this is first realized.

18
00:01:24,270 --> 00:01:27,090
I made a mistake because it's always going to be like that.

19
00:01:27,240 --> 00:01:28,710
And again, you might want that.

20
00:01:28,710 --> 00:01:35,760
But I was giving you the use case of XRX, the law to protect itself or whatever breakpoint it is called

21
00:01:35,850 --> 00:01:38,370
you, that's lot faster.

22
00:01:38,380 --> 00:01:44,340
And now this will only be effected on extra extra large for inspect the element.

23
00:01:44,850 --> 00:01:47,440
Suckley already gone all the way down.

24
00:01:50,480 --> 00:01:51,590
Go to.

25
00:01:52,970 --> 00:01:59,060
OK, we're just over fourteen hundred people, fourteen hundred pixels is the breakpoint between extra

26
00:01:59,060 --> 00:02:05,930
large and extra extra large and resides in down to our fourteen hundred anything below that.

27
00:02:05,930 --> 00:02:13,460
It goes to the other reordering, which is while there's no other order in applied, so to speak, in

28
00:02:13,460 --> 00:02:14,410
the normal quarter.

29
00:02:14,480 --> 00:02:16,130
So that is how you wrote column.

30
00:02:17,060 --> 00:02:22,670
You don't have to mess around when JavaScript today query or any dynamic like that.

31
00:02:22,940 --> 00:02:23,510
Really cool.

32
00:02:23,510 --> 00:02:26,540
Will, if you have any questions, feel free to call me a message.

33
00:02:26,540 --> 00:02:30,080
And as usual, I look forward to seeing you in the next video.