Published in Feeds

CSS Grid #15. The justify-content and align-content Properties

by on15 November 2018
In the previous CSS Grid tutorial, you learned about the align and justify properties to center and
The justify-content and align-content Properties

In the previous CSS Grid tutorial, you learned about the align and justify properties to center and align items within a grid on the horizontal and vertical axes.

However, there are cases in which the total size of the grid is less than the size of the grid container. This happens because all items within the grid and the container itself are sized with fixed values (px, em, rem).

In such cases, it is necessary to align the tracks themselves, that is the whole grid, in order to exploit and fill up that additional empty space. In such a situation, you can make use of the align-content and justify-content properties. This is what I will explain in this tutorial.

Don't miss a thing!
Stay up-to-dated with JoomlaQuickStart
Receive updates for our Joomla news