CSS grid-column

Previous Next

Demo of the different values of the grid-column property.

Click the property values below to see the result:

grid-column: 1 / span 2;
grid-column: 1 / span 3;
grid-column: 1 / span 4;
grid-column: 2 / span 1;
grid-column: 2 / span 2;
grid-column: 2 / span 3;
grid-column: 3 / span 2;
1
2
3
4
5
6
7
1
2
3
4
5
6
7
1
2
3
4
5
6
7
1
2
3
4
5
6
7
1
2
3
4
5
6
7
1
2
3
4
5
6
7
1
2
3
4
5
6
7

Play more with the code in our Tryit yourself editor: Try it Yourself ❯