This demo explores how to align a grid within its container when the container is larger than the fixed space alloted to the grid. To position the grid vertically within the container, use the align-content property. To position the grid horizontally, use the justify-content property.

To explore the values associated with these two properties, use the web form controls below and view their impact on the preview grid on the right.