title: SASS adds -ms prefix to css grid, But it's not working in IE
body: <p>when we use sass it automatically adds prefixes for different browsers.</p>
  <p>sass code</p>
  <pre><code>.grid-container{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr 1fr;
  }
  </code></pre>
  <p>css code</p>
  <pre><code>.grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
  }
  </code></pre>
  <p>It aslo added Internet explorer prefix (-ms) for grid-columns. But Internet Explorer still don't support css grids. What does this mean? Then why it includes -ms prefix to display grid when I use sass unless IE doesn't support css grid?</p>