1
00:00:00,570 --> 00:00:07,580
When we say flex rep by default, flex items, we all try to fit into one line.

2
00:00:08,740 --> 00:00:14,290
You can change that and allow the items to rep as needed with this property.

3
00:00:14,440 --> 00:00:16,150
So let me show you how this works.

4
00:00:16,960 --> 00:00:20,280
Let us go back to flexing everything in a row.

5
00:00:20,290 --> 00:00:23,350
So let me comment this out.

6
00:00:25,590 --> 00:00:33,780
Hit, save, and now Irving, Texas, in a row, and if I would make this smaller or compress our container,

7
00:00:34,050 --> 00:00:35,970
you could see the items are disappearing.

8
00:00:36,910 --> 00:00:42,910
So they're not rapping, so let's type in here, comment, flex rap.

9
00:00:45,100 --> 00:00:54,550
This basically just means that the flex rep property is no rep for hit say nothing happens.

10
00:00:55,210 --> 00:01:05,650
But if I do flex rep and I choose rep, then items will rep onto multiple lines from the top to the

11
00:01:05,650 --> 00:01:06,030
bottom.

12
00:01:06,040 --> 00:01:08,670
So let's hit, enter and now save.

13
00:01:09,040 --> 00:01:13,200
As you can see, items are now ripping from top to the bottom.

14
00:01:13,210 --> 00:01:14,980
And if I make this larger.

15
00:01:16,550 --> 00:01:22,550
Or get together, you can see the legacy items are now taking up the rest of the free space for flex

16
00:01:22,550 --> 00:01:29,390
rep, we could also do flex rep and choose rep reverse.

17
00:01:29,660 --> 00:01:35,300
And with this property, items will flex onto multiple lines from the bottom to the top.

18
00:01:36,030 --> 00:01:40,190
This is just exactly the same thing, but in the reverse direction.

19
00:01:40,340 --> 00:01:43,160
Okay, so that's pretty much it for Flex Rep.