The exercise number seven involves inserting the flex direction property into one of our selectors.
We renamed X six into x seven, as usual.
Also in the title Inside the Age HTML page, after that, let's modify together the 90 percent width
attribute of container with Flex Direction column.
Obviously, one thing which hasn't been indicated among the requests of the exercise as implicit in
fact, in performing this type of modification is the insertion of this play flex, since without this
attribute to our stylesheet cannot identify the contents inside the container as a flex box.
Therefore, by saving in this case and refreshing the page, as you can see, the content is no longer
positioned in 90 percent of it, therefore leaving a margin of 10 percent on the right hand side, which
obviously from the visual point of view is not very nice.
And in this way our flex boxes would work correctly and every update.
As for the width of our preview, the system will update them correctly.
So if you have entered flex their action column and display flex in the container, you have perfectly
understood the basic use of flex boxes and now you can step on to the great topic.