1
00:00:06,320 --> 00:00:16,370
Last but not least, the alliance of property, this property enables us to insert a specific child

2
00:00:16,520 --> 00:00:19,360
box into a container.

3
00:00:20,770 --> 00:00:26,110
Aligning it vertically, therefore, on the y axis.

4
00:00:27,180 --> 00:00:40,800
So line south, when the line items property appears in a container will take a priority over it as

5
00:00:40,800 --> 00:00:48,390
it will act directly on the inside of child boxes, and it will therefore insert values in a vertical

6
00:00:48,390 --> 00:00:54,990
way, ignoring any other parent property setting, first of all.

7
00:00:55,320 --> 00:01:05,850
Then let's set a height value to our container and let's select 500 pixels after that without modifying

8
00:01:05,850 --> 00:01:09,330
any other property inside container.

9
00:01:09,630 --> 00:01:21,630
Let's add our aligned self, for example, to Espie one line cell and let's insert as initial attribute

10
00:01:21,990 --> 00:01:30,840
Flagstad, which is an attribute we have already seen before for other properties and we know it to

11
00:01:30,840 --> 00:01:34,200
be the default for any type of alignment.

12
00:01:34,470 --> 00:01:43,140
Then let's refresh and we can see that in this case, all the properties with Flex Direction Row have

13
00:01:43,140 --> 00:01:46,710
appeared fully along the specified height.

14
00:01:48,680 --> 00:01:59,080
Now, that visually represented correctly, whereas SB one places the specific element at the top,

15
00:01:59,090 --> 00:02:01,880
therefore, in the initial part of the box.

16
00:02:04,030 --> 00:02:13,210
Then now we can see the other attributes of a line set by inserting, for example, Flex, and we will

17
00:02:13,210 --> 00:02:18,610
see that the content would be displayed in the opposite position of Flagstad.

18
00:02:20,830 --> 00:02:25,650
It would therefore get laid out in the bottom part of our container.

19
00:02:26,810 --> 00:02:37,640
In this case, too, we can insert center as a tribute, let's refresh and we see that eight positions

20
00:02:37,640 --> 00:02:42,140
exactly halfway through the height of our campaign.

21
00:02:42,980 --> 00:02:47,030
Let's insert a line set in all the other.

22
00:02:49,020 --> 00:02:56,590
Boxes, then let save and refresh and we see that all the boxes are center position.

23
00:02:56,760 --> 00:03:00,540
Of course every box behaves autonomously.

24
00:03:00,600 --> 00:03:12,030
Therefore we might insert six start in space six and as before, Plex and and flex and also in speed

25
00:03:12,030 --> 00:03:14,420
to the and refresh.

26
00:03:15,150 --> 00:03:22,410
And we see that the positioning gets modified according to the setting of a line cell.

27
00:03:23,750 --> 00:03:26,570
So the property we have seen now.

28
00:03:27,560 --> 00:03:31,160
Represents the vertical alignment.

29
00:03:32,770 --> 00:03:36,520
Of the child elements positioned inside the container.

30
00:03:37,760 --> 00:03:41,900
If you need to act vertically inside a black box.

31
00:03:43,920 --> 00:03:48,960
The alliance says attribute used along with height.

32
00:03:50,290 --> 00:03:51,430
In the container.

33
00:03:52,790 --> 00:04:00,740
We consent to correctly position all our selectors, therefore all the child boxes.

34
00:04:01,710 --> 00:04:07,590
Without having to modify any other property in there inside.