1
00:00:00,360 --> 00:00:02,460
Now, next up, we have online content.

2
00:00:03,570 --> 00:00:10,360
Online content alliance, a flex containers line within when there is extra space in the cross axis,

3
00:00:10,360 --> 00:00:15,120
so similar to justify content alliance individual items within the main axis.

4
00:00:17,020 --> 00:00:24,070
But please note that this property only takes effect on multiple unflexible containers where Fleck's

5
00:00:24,070 --> 00:00:31,840
floor is set to either wrap or wrap, reverse a single line flexible container would not reflect the

6
00:00:31,840 --> 00:00:32,890
aligned content.

7
00:00:34,010 --> 00:00:37,580
I guess let's try this out and again, we go to type in a comment.

8
00:00:40,360 --> 00:00:41,560
Of online content.

9
00:00:50,450 --> 00:00:59,880
Blank on the default behavior is normal and I mean there is not that his behavior is normal, but if

10
00:00:59,900 --> 00:01:05,150
you align, the content of his property will be normal.

11
00:01:09,330 --> 00:01:19,650
Now, the next property is Flagstad as we head for the line item, so a line content inflects start.

12
00:01:22,080 --> 00:01:26,220
With Flagstad, items are packed to the start of the container.

13
00:01:27,550 --> 00:01:35,680
Then more supported Flagstad honors the flex direction while start honors the written more direction,

14
00:01:37,210 --> 00:01:38,060
not opposite to.

15
00:01:38,080 --> 00:01:46,570
This is, of course, a line content to flex and in which items are pegged to the end of their container

16
00:01:46,810 --> 00:01:47,910
for center.

17
00:01:47,920 --> 00:01:59,950
So line content for the center items will be centered in the container and then with space between.

18
00:02:06,930 --> 00:02:10,660
The space between items will be evenly distributed.

19
00:02:11,160 --> 00:02:17,520
The first line is at the start of the container, while the less one is at the end of the container.

20
00:02:17,520 --> 00:02:21,860
So you can see the first one is up here and the second one is up is down there.

21
00:02:22,200 --> 00:02:23,880
And if I push them together.

22
00:02:25,290 --> 00:02:27,630
You see that drop the wrapping.

23
00:02:29,750 --> 00:02:32,110
To the bottom of the container now.

24
00:02:32,150 --> 00:02:37,550
Next up, we're going to do a space around supplying content with space.

25
00:02:40,670 --> 00:02:48,770
Around which, as its name says, items will easily be distributed with equal space around each one

26
00:02:48,770 --> 00:02:49,080
of them.

27
00:02:49,640 --> 00:02:55,670
And of course, we also have a line content with space evenly

28
00:02:58,940 --> 00:03:03,220
where items are evenly distributed with equal space around them.

29
00:03:03,230 --> 00:03:13,370
And the last property is a line content is stretched, not with the stretched property line stretched

30
00:03:13,370 --> 00:03:15,570
to take up the remaining space.

31
00:03:15,620 --> 00:03:19,610
So when I hit Save, you could see the items stretched upwards.

32
00:03:20,480 --> 00:03:26,060
Okay, so that is it for a line content and also for the properties of the pound.