input
See playground
.grid {
grid-template-areas: "a a a" "b c c";
grid-template-rows: 30px 60px 100px;
grid-template-columns: 1fr 1fr 1fr;
}
output
❌ The grid-template-rows is missing the row with a value of 100px.
.grid {
grid-template: "a a a" 30px
"b c c" 60px
/ 1fr 1fr 1fr;
}
expected
.grid {
grid-template: "a a a" 30px
"b c c" 60px
". . ." 100px
/ 1fr 1fr 1fr;
}