- 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
1fr 2fr / 3fr 1fr
1
2
3
4
5
6
7
8
9
auto-flow / 200px 1fr
1
2
3
4
5
6
7
8
9
1fr 2fr / auto-flow dense 30px
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.