CSS grid-template-rows

Previous Next

Demo of the different values of the grid-template-rows property.

Click the property values below to see the result:

grid-template-rows: auto auto;
grid-template-rows: 50px 100px;
grid-template-rows: 20% 20%;
grid-template-rows: 70px auto;
grid-template-rows: repeat(2, 60px 100px);
1
2
3
4
5
6
1
2
3
4
5
6
1
2
3
4
5
6
1
2
3
4
5
6
1
2
3
4
5
6

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