grid-column-start

grid-template-columns: [line-1] 1fr [line-2] 1fr [line-3] 1fr [line-4]

grid-column-start: 1

1
2
3
4
5
6
7
8
9

grid-column-start: 2

1
2
3
4
5
6
7
8
9

grid-column-start: 3

1
2
3
4
5
6
7
8
9

grid-column-start: 4

1
2
3
4
5
6
7
8
9

grid-column-start: 10

1
2
3
4
5
6
7
8
9

grid-column-start: line-1

1
2
3
4
5
6
7
8
9

grid-column-start: line-2

1
2
3
4
5
6
7
8
9

grid-column-start: line-3

1
2
3
4
5
6
7
8
9

grid-column-start: line-4

1
2
3
4
5
6
7
8
9

grid-column-start: -1

1
2
3
4
5
6
7
8
9

grid-column-start: -2

1
2
3
4
5
6
7
8
9

grid-column-start: -3

1
2
3
4
5
6
7
8
9

grid-column-start: -4

1
2
3
4
5
6
7
8
9
Previous
grid-column-gap
Next
grid-gap

🛈 React School creates templates and video courses for building beautiful apps with React. Download our free Material UI template.