Dan Tonon

This is a use case for named grid lines. https://github.com/postcss/autoprefixer/issues/1020 That issue has been on the back burner for quite a while. My best recommendation right now is to manually...

IE doesn't support `grid-gap` so the only way that Autoprefixer can replicate gaps is to add extra rows and columns to the grid.

Do you need the overlap? If not, the best way to handle the situation is to make the grid area span multiple columns: ``` .grid grid-template-rows: repeat(6, auto) grid-template-columns: repeat(4,...

Don't use the `on` and `off` comments like that. They affect the whole block. The second control comment should be getting ignored. Do this instead: ``` .spanning-tile // autoprefixer: ignore...

Ummm... I tested this out and what you have posted doesn't seem to work in modern browsers :/ ```css .spanning-tile { grid-column: span 2; /* This is ignored by modern...

Since Autoprefixer doesn't support named lines yet, your solution isn't an option.

I think we should close this issue. The use case that was keeping this issue open isn't actually valid. This is a use case for #1020 (named grid lines).

Oh actually `grid-column-end: span 2` might work. Let me try that out.

It worked! 😁 https://codepen.io/daniel-tonon/pen/eQePXQ The trick is to use `grid-column-end: span 2;` after the `grid-area` declaration. ```css .spanning-tile { grid-column-end: span 2; /* overridden by grid-area */ grid-area: tile-5; }...

Yep ok, worth keeping open then.