The-grid-template-columns-rows-property

The justify-content Property

The justify-content property is used to align the whole grid inside the container.

• space-evenly
• space-around
• space-between
• center
• start
• end

Example

.grid-container {
   display: grid;
  justify-content: space-evenly;
}

The align-content Property

The align-content property is used to vertically align the whole grid inside the container.

.grid-container {
   display: grid;
  height: 400px;
  align-content: center;
}