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-areas validates the template rows this rule measures.
• no-mismatched-template-rows is the narrower row-only check.
• grid-recommended enables this rule by default.