.d-grid {
  display: grid;
}

.grid-2-columns {
  grid-template-columns: repeat(2, auto);
}

.grid-3-columns {
  grid-template-columns: repeat(3, auto);
}

.grid-4-columns {
  grid-template-columns: repeat(4, auto);
}

.grid-5-columns {
  grid-template-columns: repeat(5, auto);
}

.grid-6-columns {
  grid-template-columns: repeat(6, auto);
}

.grid-7-columns {
  grid-template-columns: repeat(7, auto);
}

.grid-column-gap-05 {
  grid-column-gap: 0.5rem;
}

.grid-column-gap-1 {
  grid-column-gap: 1rem;
}

.grid-column-gap-2 {
  grid-column-gap: 2rem;
}

.grid-column-gap-3 {
  grid-column-gap: 3rem;
}

.grid-column-gap-4 {
  grid-column-gap: 4rem;
}

.grid-column-gap-5 {
  grid-column-gap: 5rem;
}

.grid-row-gap-05 {
  grid-row-gap: 0.5rem;
}

.grid-row-gap-1 {
  grid-row-gap: 1rem;
}

.grid-row-gap-2 {
  grid-row-gap: 2rem;
}

.grid-row-gap-3 {
  grid-row-gap: 3rem;
}

.grid-row-gap-4 {
  grid-row-gap: 4rem;
}

.grid-row-gap-5 {
  grid-row-gap: 5rem;
}