How to solve unexpected errors from a CSS selector

Question

I am learning SASS. I am trying to make a webpage using SASS. There is some error showing in the CSS file generated from the SASS file.

Here is the CSS code:

.links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 2rem;
  -webkit-box-shadow: 0 -1px 3px -1px #6b6666;
          box-shadow: 0 -1px 3px -1px #6b6666;
  padding: 1.5rem 3rem;
}

Image of the code:

Why those errors are showing?

How can I fix the errors?

Answer 1

try this:-

before:- -ms-grid-columns: (1fr)[5];

after:- -ms-grid-columns: (5,1fr); or -ms-grid-columns: (1fr,5);