.event-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 16px; }
    
@media (min-width: 56.25rem) {
    .event-grid {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    } 
}
 
 
 dt {
     font-weight: 500;
     text-transform: uppercase;
 }
 
 dd {
     font-weight:200;
     text-transform: normal;
     margin-bottom: 0.5rem;
 }
 
.event-img{
     max-height: 150px;
 }