In this lesson, we are going to see how the alignment which we use inside our flex box can be inserted
also into our grids, specifically by deleting the areas we inserted in the previous lesson.
And by saving and refreshing.
We end up with the dynamic structure based on the percentages inserted into a grid template columns.
Now, putting aside for a moment the colorful, dynamic city and getting back to a static outline regarding
a two hundred pixel per 200 pixel dimension by saving and refreshing, as you remember.
We come up with a page.
Which, despite the browser dimensions, has got well defined and mentions both Feroze and Cullum's.
And therefore, it will not automatically adapt to the browser where it has to be displayed.
To compensate partially this problem, in case you need to give two rows and columns alike is specified,
I mention you can opt for working with the alignment, so justify content.
For instance, let's insert center and align content as you c.
In refresh our system this way.
All content will appear centered, obviously, by shrinking our content to the narrowest, in any case,
they will not possibly dynamically adapt to the browser.
However, they will stay centered.
As you can remember from our lesson about the Fleck's boxes, you can insert here also other types of
attributes, such as, for example, and which in this case would be Fleck's and but simply and not
having anything to do with the Fleck's box, which will output the same effect, moving all the content
towards the end of the page.
But neither in this case by shrinking the page, working dynamically with the content will result possible.
So with such a setting.
It would be necessary to correctly set the media queries.
Defining some precise dimensions for every type of resolution you may want to use.
This little reminder with the relative adaptive capability of greens versus fixed boxes is necessary
to introduce the last lesson on this section, even that we are going to see how to make our grades
automatically adapt according to the responsive design.
Now save and let's move on to our next lesson.