1
00:00:00,480 --> 00:00:02,310
Hello, everyone, and welcome back.

2
00:00:03,090 --> 00:00:07,120
In today's video, we will learn about Fleck's what's left of flexitime.

3
00:00:07,140 --> 00:00:12,290
Dana expounds items to fill available free freespace or shrink them to prevent overflow.

4
00:00:13,230 --> 00:00:17,940
This makes it perfect for designing layouts for which the sizes are known or flexible.

5
00:00:18,630 --> 00:00:23,370
Block elements labeled vertically in line elements led horizontally.

6
00:00:24,480 --> 00:00:30,060
But Flick's elements can create layouts both horizontal and vertical based on certain properties.

7
00:00:31,080 --> 00:00:33,570
Let's try to understand some of the concepts of flick's.

8
00:00:35,390 --> 00:00:42,320
Say we have this districts nailed the main did the chores, the flex properties can't continue on.

9
00:00:42,370 --> 00:00:45,440
The elements inside this container are good items.

10
00:00:46,280 --> 00:00:52,820
As I mentioned earlier, the lack of direction can either be horizontal or vertical for horizontal layouts.

11
00:00:52,850 --> 00:00:57,650
We have two options, visual and rooted words for vertical out as well.

12
00:00:57,680 --> 00:01:00,670
We have two options, column and column reverse.

13
00:01:01,280 --> 00:01:03,980
We haven't been access which goes along the direction.

14
00:01:04,760 --> 00:01:10,160
So if the lab connection is rule or Rollergirls, then the main axis is horizontal.

15
00:01:10,700 --> 00:01:14,420
We also have a cross axis which goes perpendicular to the main axis.

16
00:01:14,480 --> 00:01:18,740
So if the main oxes is horizontal, then the cross accesses vertically.

17
00:01:19,640 --> 00:01:26,570
Similarly, if allowed direction is column or column levelers, then the main axis is what it goes,

18
00:01:26,570 --> 00:01:32,240
because it goes along the direction and the cross axis is horizontal because they're just perpendicular

19
00:01:32,240 --> 00:01:33,710
to the main axis.

20
00:01:34,660 --> 00:01:41,050
The flex layout has a start on an end point based on the direction there can be different start and

21
00:01:41,110 --> 00:01:41,860
end points.

22
00:01:42,400 --> 00:01:44,970
Let's say we have this flexible outward direction rule.

23
00:01:45,580 --> 00:01:51,070
In this case, flex staff will be on the left hand side and flex and we'll be on the right hand side.

24
00:01:51,910 --> 00:01:55,540
Similarly saying you have this flex lag with the direction motiveless.

25
00:01:56,560 --> 00:02:01,480
In this case, the flex dart will be on the right hand side and the flex end will be on the left hand

26
00:02:01,480 --> 00:02:01,750
side.

27
00:02:02,260 --> 00:02:05,410
Similarly, see if you have this flex levelheaded action, call them.

28
00:02:06,220 --> 00:02:10,870
In this case, flex time will be on the top and flex and will be on the bottom.

29
00:02:11,870 --> 00:02:17,160
Similarly, see, we have this place loud with direction, calling drivers in this case, the flex time

30
00:02:17,170 --> 00:02:20,180
will be on the button and flex and we'll be on the top.

31
00:02:20,840 --> 00:02:21,350
Don't worry.

32
00:02:21,390 --> 00:02:26,460
If this feels like there's so much to remember, we will be exploring a lot of flex properties and we'll

33
00:02:26,480 --> 00:02:28,820
come across these concepts over and over.

34
00:02:29,390 --> 00:02:33,080
I'm sure by the time you're done with Flex, you will know all about these concepts.

35
00:02:33,620 --> 00:02:34,670
That's all for today, guys.

36
00:02:34,760 --> 00:02:36,800
If there's something that you did not understand.

37
00:02:36,980 --> 00:02:39,320
Feel free to drop a comment and we will discuss it.

38
00:02:40,100 --> 00:02:41,060
See you in the next video.

39
00:02:41,360 --> 00:02:41,550
Bye.

40
00:02:41,590 --> 00:02:42,500
By Anti-gay.