- 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
align-self
grid-template-columns: [line-1] 1fr [line-2] 1fr [line-3] 1fr [line-4]
align-self: start
1
2
3
4
5
6
7
8
9
align-self: end
1
2
3
4
5
6
7
8
9
align-self: center
1
2
3
4
5
6
7
8
9
align-self: stretch
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.