Easily disable CSS Grid

disable-css-grid.scss

// To easily view how a site looks when CSS Grid is not available, use this in the SASS file. 
// First you need this variable:

$cssgrid: "(grid-template-rows:initial)";
// Then you can uncomment the below to re-declare the variable and so disable the @supports for every browser:
// $cssgrid: "(display:no-css-grid-support)";

// Wrap every usage of CSS Grid in this:

@supports(#{$cssgrid}) {
   display: grid;
   grid-template-rows: 1fr 1fr;
}

You can also use this to check if something doesn't support CSS grid:

@supports (not #{$cssgrid}) {
// Fallback code here
}