Property 'grid-gap' doesn't exist in CSS

Question

Working on an ASP.NET MVC project and visual studio isn't recognizing grid-gap. Is it because of my version of CSS in this project? I haven't been able to find where that is set, any recommendations?

Edit: grid-row-gap also isn't recognized

Answer 1

'grid-gap' has been deprecated in favor of 'gap'. In a similar vein 'grid-row-gap' and 'grid-column-gap' have been deprecated in favor of 'row-gap' and 'column-gap'.

Unfortunately, the new features aren't recognized by Visual Studio yet either.

See: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap

Answer 2

I know this question is old.Just stumbled upon this problem myself and so logging the answer here.

This can be achieved with 'column-gap' and 'row-gap'. Visual studio code also recognizes it as of October 2020.