1
00:00:00,570 --> 00:00:01,950
So what is Fleck's box?

2
00:00:02,340 --> 00:00:05,190
First of all, it is access free layout mode.

3
00:00:05,490 --> 00:00:11,010
Before Fleck's box layout modes, there were four other layers that we would use the block layout for

4
00:00:11,010 --> 00:00:19,860
sections and web pages, then in line for text, then table for well, two dimensional table data don't

5
00:00:20,010 --> 00:00:20,720
tables anymore.

6
00:00:21,210 --> 00:00:27,540
We would rather use a grid system for this and of course, positioning for explicit positioning of the

7
00:00:27,540 --> 00:00:28,080
elements.

8
00:00:29,670 --> 00:00:35,580
The flexible box layout module makes it easy to design flexible, responsive layout structures without

9
00:00:35,580 --> 00:00:37,290
using float or positioning.

10
00:00:38,410 --> 00:00:46,720
The Flexner's properties are supported in all morgenweck browsers like Firefox, Edge, Safari, Oprah

11
00:00:46,900 --> 00:00:49,540
and of course, the most popular Google Chrome.

12
00:00:50,350 --> 00:00:54,100
Therefore, Fleck's Fox is currently a well established technology.

13
00:00:55,300 --> 00:01:02,500
Now, Flexibles is based on something called the box model, in our case, Fleck's box has two components.

14
00:01:02,500 --> 00:01:08,980
The main component of the flexibles layout are, one, the container itself and then the items within

15
00:01:08,980 --> 00:01:13,690
the container, which can be one or well, you wouldn't apply to one.

16
00:01:14,020 --> 00:01:24,400
But from one to infinity, the items are aligned along something called the main axis and the cross

17
00:01:24,400 --> 00:01:26,110
axis, for example.

18
00:01:26,140 --> 00:01:29,560
So if you're coming from something else, you could call the Y and X axis.

19
00:01:29,890 --> 00:01:32,680
But here they're called main and cross axis.

20
00:01:32,680 --> 00:01:36,220
So each time you'll hear me reference main and cross axis just now.

21
00:01:36,580 --> 00:01:38,790
This are domain and across axis.

22
00:01:39,090 --> 00:01:40,840
OK, so that's enough with the slides.

23
00:01:41,170 --> 00:01:42,430
Let's get into flex box.