Revision history [back]

The method for occupying all vertical space that is obtainable within a grid is to set the height of the grid container to 100% or to a specific height and set the height of the grid items to auto or a specific value if necessary. Additionally, setting the grid-template-rows property to "1fr" for each row will distribute the available space equally among the rows. This will allow the grid items to expand vertically and occupy all the available space within the grid container.