.grid {
  display: grid;
  gap: var(--spacing-6);
  &.gap-narrow {
    gap: var(--spacing-4);
  }
  &.grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  &.grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  &.grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  &.grid-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}