.eventGrid{
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.eventCard{
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(20,35,60,0.10);
}

.eventCard h3, .eventCard h2{ margin: 0 0 8px; }
.eventCard p{ margin: 0; }