- 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
place-items
grid-template-columns: repeat(3, 1fr);
start
1
2
3
4
5
6
7
8
9
end
1
2
3
4
5
6
7
8
9
center
1
2
3
4
5
6
7
8
9
start end
1
2
3
4
5
6
7
8
9
end start
1
2
3
4
5
6
7
8
9
center end
1
2
3
4
5
6
7
8
9
stretch start
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.