validate-track-counts
Require sibling grid-template-rows and grid-template-columns declarations to
match the dimensions of grid-template-areas.
Incorrectโ
.layout {
grid-template-areas:
"nav main"
"nav footer";
grid-template-columns: 12rem;
grid-template-rows: auto auto auto;
}
Correctโ
.layout {
grid-template-areas:
"nav main"
"nav footer";
grid-template-columns: 12rem 1fr;
grid-template-rows: auto auto;
}
The rule understands explicit tracks and integer repeat(...) notation. It
skips dynamic repeat counts.
Related Rulesโ
no-invalid-areasvalidates the template rows this rule measures.no-mismatched-template-rowsis the narrower row-only check.grid-recommendedenables this rule by default.