Next up, a line content.
Sometimes the total size of your grid might be less than the side of the grid container.
This could happen if all of your grid items are sized with non flexible units like pixels.
In this case, you can see the alignment of the grid within the grid container.
This property and as a grid along the block column axis as opposed to just the content which aligned
the grid along the inland road axis.
So let's take a look at it here.
So let's grab on to our container again.
Class of container grid container as displayed as grid.
And also comment on.
Action could come and thought everything here.
And remain.
Yeah, remember the great economy of free, so we paid.
Three times I'm going to use pixels again.
OK, 100, 175 pixels, killer save and beginning to click refresh here.
Yep.
There we go.
OK, so let's start with aligning the content to the start line items content.
To this thought and this was line the grid to the flush with the start edge of the grid container,
so.
Because the all of the items are up here at the start.
Now let's go with and line items, items, wiretapping items, its content are.
To the end, which will line the items, the flush with end edge of the great container.
There are two missing there we go, another down here.
We center online content to the center, which, of course, will align the grid in the center of the
grid container.
Then we have stretch online content rest and stretch property.
And this was just size of great items to allow the grid to fill the full height of the grid container
and keep going to hit save.
And there we go now exactly as we had in justifying content.
We also have a line content with space between.
Actually start with space around which you place an even amount of space between each great item of
size space on the far end of the container.
Let's take a look.
As you can see, between the items, there's equal space and within the edges, there's all of that
space.
Next up, be a space between so a line content with space between which places and even amount of space
between each grid item with no space to the far end.
I keep forgetting to save.
And lest we have space evenly.
Which would place an even amount of space between each item, including the four ends.
OK, so that's basically it for a line content.