Currently, I am diving into the world of SASS and experimenting with building webpages using this preprocessor. However, I encountered some errors in the CSS file generated from the SASS file.
Below is the snippet of CSS code that is causing the issue:
.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;
}
Here is the image of the problematic code:
https://i.sstatic.net/35sR2.png
Can anyone shed light on why these errors are surfacing? And what steps can be taken to rectify them?