Как применить стиль display: grid только в браузерах, которые поддерживают CSS Grid?

Используйте feature query @supports (display: grid), а базовую раскладку задайте снаружи как fallback.

.layout {
  display: block;
}
@supports (display: grid) {
  .layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}

Проверяется поддержка конкретной пары свойство/значение, а не название браузера. Если нужны дополнительные возможности Grid, их проверяют отдельно; поддержка display:grid не гарантирует наличие любой новой функции.