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

  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gap);
}

.grid--documents {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));

}

.grid-item {
  flex: 0 0 auto;
}

.grid-item--wide {
  grid-column: span 2;
}

.grid-item--tall {
  grid-row: span 2;
}

.grid-item--featured {
  grid-column: span 2;
  grid-row: span 2;
}