no-conflicting-placement

Disallow same-block CSS Grid placement declarations that write the same placement slot.

Grid placement shorthands and longhands override shared row and column slots. Keeping competing declarations in one block usually leaves stale CSS behind and makes later edits risky. Use one placement strategy per block.

Incorrect

.item {
  grid-area: sidebar;
  grid-column: 2 / 4;
}

.item {
  grid-column: 1 / 3;
  grid-column-start: 2;
}

Correct

.item {
  grid-area: sidebar;
}

.item {
  grid-row: 1 / 3;
  grid-column: 2 / 4;
}

Stylelint Config

export default {
  plugins: ["stylelint-plugin-grid"],
  rules: {
    "grid/no-conflicting-placement": true
  }
};

Related Rules

• no-reversed-placement-lines checks numeric placement ranges.
• no-zero-grid-lines rejects line 0 in placement values.
• grid-recommended enables this rule by default.