1
00:00:05,130 --> 00:00:13,260
The exercise number seven involves inserting the flex direction property into one of our selectors.

2
00:00:14,520 --> 00:00:18,790
We renamed X six into x seven, as usual.

3
00:00:18,990 --> 00:00:27,630
Also in the title Inside the Age HTML page, after that, let's modify together the 90 percent width

4
00:00:27,630 --> 00:00:32,050
attribute of container with Flex Direction column.

5
00:00:32,940 --> 00:00:41,220
Obviously, one thing which hasn't been indicated among the requests of the exercise as implicit in

6
00:00:41,220 --> 00:00:50,070
fact, in performing this type of modification is the insertion of this play flex, since without this

7
00:00:50,070 --> 00:00:57,980
attribute to our stylesheet cannot identify the contents inside the container as a flex box.

8
00:00:58,380 --> 00:01:06,150
Therefore, by saving in this case and refreshing the page, as you can see, the content is no longer

9
00:01:06,150 --> 00:01:14,610
positioned in 90 percent of it, therefore leaving a margin of 10 percent on the right hand side, which

10
00:01:14,610 --> 00:01:18,780
obviously from the visual point of view is not very nice.

11
00:01:18,780 --> 00:01:25,400
And in this way our flex boxes would work correctly and every update.

12
00:01:25,410 --> 00:01:31,190
As for the width of our preview, the system will update them correctly.

13
00:01:32,080 --> 00:01:39,760
So if you have entered flex their action column and display flex in the container, you have perfectly

14
00:01:39,760 --> 00:01:46,570
understood the basic use of flex boxes and now you can step on to the great topic.