After reviewing how to wrap reflects boxes just by using a simple function, let's see now a property
able to manage boxes alignment and boxes spacing according to some commands given by it.
This property is called justify content.
The base value of justified content is Flagstad, and this way, if we turn up with this type of attribute
within justified content, our flexible boxes will appear.
Let's say normally the way they have been inserted, according to the commands given by the property,
is present in the classes.
With no particular indication.
Apart from a simple row alignment.
But if I circuit, for example, the flex and function.
As you can see.
The content would be right aligned.
And would get up to the preset 400 pixel limit for every single class, which would obviously shrink
by and by with the diminishing of the browser dimension.
The peculiarity of this function is, as a matter of fact, the possibility through a simple attribute
to align perfectly the content present within the container.
From center.
Let's see how within the browser.
Simply by widening the page, our contents will get placed always at the center of eight.
Therefore, if we try and enlarge it completely, the content will always be placed in the center.
In addition to senator then inserting some spaces inside all our divides is possible.
So if I inserted space between which is one of the other attributes we can insert into justify content
by saving and refreshing, we would see that widening our browser.
Some spaces will be inserted inside our Dave's.
Therefore, they will remain always detached in the same way through some spaces, according to the
length of the browser.
The same thing can be obtained with space around.
With the difference, though, that in this case, the spaces are inserted also on the left and on the
right of the row, and so these centered alignment we obtain with this specific attribute is aided by
this additional space placed at both sides of our child elements.
In addition then to space around.
We can choose to insert space evenly.
Which.
Introduces an equal space.
As you can notice, both before and after, every single day of.
To conclude, to perfectly align the contents in within a container, justify a content is the function
you are looking for.