css: grid

Grid Display

display: grid

display: inline-grid

Grid Template

grid-template-columns: 75px 25px
grid-template-rows: 75px 25px

grid-template-columns: 3fr 1fr
grid-template-rows: 3fr 1fr

grid-template-columns: 75% 1fr
grid-template-rows: 75% 1fr

grid-template-columns: repeat(2, 5rem)
grid-template-rows: repeat(2, 2rem)

Grid Gap

grid-gap: 5px;

grid-gap: 5px 10px;

grid-row-gap: 5px

grid-column-gap: 5px

Grid Justify Items

justify-items: start

justify-items: end

justify-items: center

justify-items: stretch

Grid Align Items

align-items: start

align-items: end

align-items: center

align-items: stretch

Grid Justify Content

justify-content: start

justify-content: end

justify-content: center

justify-content: stretch

justify-content: space-around

justify-content: space-between

justify-content: space-evenly

Grid Align Content

align-content: start

align-content: end

align-content: center

align-content: stretch

align-content: space-around

align-content: space-between

align-content: space-evenly