.venueList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--spacing-gap-column);
  row-gap: var(--spacing-gap-row);
  padding-bottom: var(--spacing-section-bottom);
}

@media (max-width: 900px) {
  .venueList {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .venueList {
    grid-template-columns: 1fr;
  }
}