1
00:00:05,740 --> 00:00:13,510
The property we are discussing and this lesson is Fleck's Baz's and it has a double peculiarity.

2
00:00:14,540 --> 00:00:18,230
In fact, it can insert the dimensions of a box.

3
00:00:19,400 --> 00:00:29,540
Working both with wise and height wise, according to the settings of flex direction and a flex direction

4
00:00:29,540 --> 00:00:34,430
is not present, it will automatically work according to the width.

5
00:00:34,790 --> 00:00:39,320
And so it has width as Difford attribute.

6
00:00:42,370 --> 00:00:50,440
Therefore, in this moment, we have Flex Direction Road and in our ASPE, one, two, three, four,

7
00:00:50,440 --> 00:00:53,680
five and six, we said shrink and wait.

8
00:00:54,280 --> 00:00:57,340
Now let's delete our flex shrink.

9
00:01:04,430 --> 00:01:08,780
And instead of with let's insert flex Baz's.

10
00:01:11,630 --> 00:01:15,590
Let's copy and paste all the weird properties.

11
00:01:17,730 --> 00:01:23,130
And after that, let's save refresh and let's see the results.

12
00:01:25,000 --> 00:01:35,320
Obviously, thanks to our Flex Direction role, it adapts if we expand the content we represent always

13
00:01:35,320 --> 00:01:38,680
the preset two hundred and fifty pixel width.

14
00:01:39,640 --> 00:01:46,420
Now, let's verify that with the simple collomb instead of RO in Fleck's direction.

15
00:01:47,740 --> 00:01:49,210
By refreshing.

16
00:01:50,770 --> 00:01:56,190
As you can see, our contents cut vertically, laid out at.

17
00:01:58,270 --> 00:02:01,840
Setting a 250 pixel height.

18
00:02:03,620 --> 00:02:11,990
Therefore, Fleck's Baz's acts in a dynamic way, according to the setting given by Fleck's direction.

19
00:02:13,150 --> 00:02:22,180
It's important to underline that for flex phases, the setting of the peaks of value can be replaced

20
00:02:22,180 --> 00:02:31,720
by a percentage value, which in our stylesheet, we act only on flex direction row, not being able

21
00:02:31,720 --> 00:02:40,630
to act directly on a high percentage sense with the browser's kraul potentially without any type of

22
00:02:40,630 --> 00:02:44,540
reference inserted within the parent container.

23
00:02:45,910 --> 00:02:51,550
One cannot define any pixel values corresponding to the percentages.

24
00:02:52,720 --> 00:03:00,760
So to be able to use it in a style sheet with the column attribute, one has to insert a height value

25
00:03:00,760 --> 00:03:02,200
into container.

26
00:03:03,790 --> 00:03:11,620
In fact, if we inserted 10 percent replacing it in all the values.

27
00:03:13,490 --> 00:03:14,840
Previously sect.

28
00:03:17,140 --> 00:03:27,940
By setting the last with 50 percent weight after saving and refreshing, we would see that the allocation

29
00:03:27,940 --> 00:03:37,360
would always mirror this percentage value, which will have a half SpaceX and the other half, all the

30
00:03:37,360 --> 00:03:38,680
other containers.