Here's a simple approach: https://www.smashingmagazine.com/2017/06/building-production...

"Rather than using fallbacks and shims to ensure a design and layout look the same across all browsers, we’d provide the mobile vertical single-column layout to all browsers and then serve up advanced functionality to those browsers and viewport widths that can take advantage of them."

+1 This is a great solution that doesn't take a huge amount of time to implement. Esp if you only use CSS Grid for 2d layouts and use flex for which has decent IE11 support for laying out components (where mobile is often just stacked 100% width components).

A good way to bring a client round is to explain that the time saved on making IE11 pixel perfect is better spent adding features elsewhere.

This article on the subject is really good:

https://www.smashingmagazine.com/2017/11/css-grid-supporting...

Was wondering the same thing. I wonder if postcss and autoprefixer supports it? https://github.com/postcss/autoprefixer/issues/603

This comment is from two years ago:

But I think I found a solution for everyone:

We support Grid by default. If Autoprefixer see that your CSS is too complicated for IE, it will warn you to disable Grid support and use some JS polyfill.

I would give PostCSS with Lost Grid[1] a try (though I haven't used Lost Grid extensively).

[1] http://lostgrid.org

Will there ever be a time when MSIE won't be the limiting factor; seriously thought we'd gotten past "but what about IE".

i'm wondering this too. we need to support down to IE11 but i wanna use grid.