.grid,
.grid-s,
.grid-l {
  display: grid;
  grid-gap: var(--gutter);
  --minimum: 370px;
}

.grid-s {
  --minimum: 200px;
}

.grid-l {
  --minimum: 500px;
}

@supports (width: MIN(var(--minimum), 100%)) {
  .grid,
  .grid-s,
  .grid-l {
    grid-template-columns: repeat(
      auto-fit,
      MINMAX(MIN(var(--minimum), 100%), 1fr)
    );
  }
}