- 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-row-start
grid-template-rows: [line-1] 1fr [line-2] 1fr [line-3] 1fr [line-4]; grid-auto-flow: column;
grid-row-start: 1
1
2
3
4
5
6
7
8
9
grid-row-start: 2
1
2
3
4
5
6
7
8
9
grid-row-start: 3
1
2
3
4
5
6
7
8
9
grid-row-start: 4
1
2
3
4
5
6
7
8
9
grid-row-start: line-1
1
2
3
4
5
6
7
8
9
grid-row-start: line-2
1
2
3
4
5
6
7
8
9
grid-row-start: line-3
1
2
3
4
5
6
7
8
9
grid-row-start: line-4
1
2
3
4
5
6
7
8
9
grid-row-start: -1
1
2
3
4
5
6
7
8
9
grid-row-start: -2
1
2
3
4
5
6
7
8
9
grid-row-start: -3
1
2
3
4
5
6
7
8
9
grid-row-start: -4
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.