The idea
@supports (display: grid) runs its block only if the browser supports the feature. The pattern is a fallback first, then an enhancement: old browsers keep the fallback, modern ones get the upgrade.
Modern browsers support grid, so the enhancement always runs here — this level is about the @supports syntax. grid-template-columns is required so you lay the cells out with grid, not flex.