.grid {
  display: grid;
  align-content: start;
}

@supports (width: min(250px, 100%)) {
  .grid {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

.gap.space5 {
  grid-gap: var(--s5);
}

.grid.space4 {
  grid-gap: var(--s4);
}

.grid.space3 {
  grid-gap: var(--s3);
}

.grid.space2 {
  grid-gap: var(--s2);
}

.grid.space1 {
  grid-gap: var(--s1);
}

.grid.space0 {
  grid-gap: var(--s0);
}