- grid-template-columns
- grid-template-rows
- grid
- justify-items
- align-items
- place-items
- justify-content
- align-content
- place-content
- grid-row-gap
- grid-column-gap
- grid-gap
- grid-auto-flow
- grid-auto-columns
- grid-auto-rows
- grid-template-areas
- align-self
- justify-self
- place-self
- grid-column
- grid-column-start
- grid-column-end
- grid-row
- grid-row-start
- grid-row-end
- grid-area
Parent
Children
grid-area
grid-template-areas: 'header header' 'sidebar content' 'sidebar content'
grid-area: header
1
2
3
4
5
6
7
8
9
grid-area: sidebar
1
2
3
4
5
6
7
8
9
grid-area: content
1
2
3
4
5
6
7
8
9
grid-area: 1 / 2 / 3 / 5
1
2
3
4
5
6
7
8
9
🛈 React School creates templates and video courses for building beautiful apps with React. Download our free Material UI template.