Skip to main content

no-mismatched-template-rows

Require grid-template-rows track count to match grid-template-areas row count when both declarations appear in the same block.

Incorrectโ€‹

.layout {
grid-template-areas:
"header"
"main";
grid-template-rows: auto;
}

Correctโ€‹

.layout {
grid-template-areas:
"header"
"main";
grid-template-rows: auto 1fr;
}

Dynamic track lists such as repeat(auto-fit, ...) are skipped because their count cannot be known statically.