Configs

stylelint-plugin-grid exports two ESM-first shareable configs.

Config	Purpose
🟢 — gridPluginConfigs["grid-recommended"]	Low-noise checks for broadly applicable CSS Grid correctness.
🟣 — gridPluginConfigs["grid-all"]	Every public rule, including stricter same-stylesheet policy checks.

Use grid-recommended first, then move selected stricter rules into your local config after confirming they match your project's file boundaries.

Config Pages

• grid-recommended enables the low-noise baseline.
• grid-all enables every public rule, including same-stylesheet policy checks.
• Current status explains why some rules are kept out of the recommended config.

Rules by Config

Fix legend: 🔧 = autofixable · — = report only

Config legend: ✅ = enabled · — = not enabled

Rule	Fix	grid-all	grid-recommended	Description
consistent-area-naming	—	✅	—	Require consistent naming for grid-template-areas and single-name grid-area identifiers.
no-conflicting-placement	—	✅	✅	Disallow same-block CSS Grid placement declarations that write the same placement slot.
no-dense-auto-flow	—	✅	—	Disallow grid-auto-flow: dense because it can reorder auto-placed grid items visually.
no-ineffective-container-properties	—	✅	✅	Disallow CSS Grid container declarations in blocks whose final literal display value is not grid-capable.
no-invalid-areas	—	✅	✅	Disallow malformed grid-template-areas declarations.
no-invalid-auto-repeat	—	✅	✅	Disallow definitely invalid CSS Grid auto-repeat track sizes.
no-invalid-minmax	—	✅	✅	Disallow flexible fr values as the minimum argument in CSS Grid minmax() track sizes.
no-invalid-repeat-count	—	✅	✅	Disallow invalid fixed repeat counts in CSS Grid track templates.
no-invalid-span	—	✅	✅	Disallow non-positive span counts in CSS Grid placement declarations.
no-mismatched-template-rows	—	✅	✅	Require grid-template-rows track count to match grid-template-areas row count.
no-overlapping-areas	—	✅	—	Disallow multiple selectors assigning the same single-name grid-area value in one stylesheet.
no-reversed-placement-lines	—	✅	✅	Disallow reversed or zero-width numeric CSS Grid placement line ranges.
no-unknown-areas	—	✅	✅	Disallow single-name grid-area references that do not match any named area declared in the same stylesheet.
no-unused-areas	—	✅	—	Disallow named template areas that are never referenced by a single-name grid-area declaration in the same stylesheet.
no-zero-grid-lines	—	✅	✅	Disallow line 0 in CSS Grid placement declarations.
prefer-gap-properties	🔧	✅	✅	Prefer modern gap, row-gap, and column-gap properties over legacy grid gap aliases.
prefer-minmax-zero-fr	—	✅	—	Prefer minmax(0, <flex>) for bare flexible CSS Grid column tracks.
require-explicit-rows-with-column-flow	—	✅	—	Require explicit row sizing when a rule uses grid-auto-flow: column.
require-explicit-tracks-with-areas	—	✅	—	Require explicit track sizing alongside CSS Grid named area templates.
validate-area-shapes	—	✅	✅	Require every named grid template area to form one contiguous rectangle.
validate-track-counts	—	✅	✅	Require template row and column track counts to match grid-template-areas dimensions.