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.
- space-evenly
- space-around
- space-between
- center
- start
- end
Example
.grid-container {
display: grid;
height: 400px;
align-content: center;
}