@media (min-width: 40em) {
.article__grid {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 64em) {
.article__grid {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}When I initially began this project, I lacked knowledge in using gulp, leading me to opt for the live SASS compiler instead;
However, as I attempted to implement the Grid layout in my project, Visual Studio Code started flagging issues in the CSS output. Surprisingly, the result displayed in my browser (Chrome) appeared perfect. This raised a question in my mind - "Could there be an issue with this code, especially considering that the last update of the SASS compiler was in 2018?"