CODEWITHSUNDEEP
gatsbypostcss
ddibiase
ddibiase

Reputation: 1502

Enabling autoprefixing (specifically) grid for IE11 in Gatsby

I'm having a hard time getting grids to work with my Gatsby site. I'm using SASS via the gatsby-plugin-sass plugin and specifying options. Here's the exact config that I found online:

{
    resolve: 'gatsby-plugin-sass',
    options: {
        postCssPlugins: [
            autoprefixer({
                grid: true
            }),
        ],
    },
}

That's placed in my gatbsy-config.js.

My .browserslistrc has the following:

last 2 version
> 1%
IE 10

Yet I'm still not getting the grids showing up properly.

Any suggestions/ideas?

Upvotes: 1

Views: 752

Answers (1)

Ondra Sněhulák
Ondra Sněhulák

Reputation: 26

You don't need to use options, grid: true or grid: autoplace did not change a thing for me. /* autoprefixer grid: autoplace */ at the begining of the .scss, or .module.scss works fine (like @ksav wrote)

Upvotes: 1

Related Questions