'How to solve unexpected errors from a CSS selector

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:

enter image description here

Why those errors are showing?

How can I fix the errors?

Solution 1:[1]

try this:-

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

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


This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Groot