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

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