Some older browsers say they support CSS grid, so they'll respond true to @supports (display: grid). You may get unexpected behavior on these older browserse as they do not support the modern spec.
Instead, use the following:
@supports (grid-area: auto) {
/* Modern grid-based CSS rules here */
}