(Event List) Change layout to Grid

Use code to Custom CSS box

/* Event list to grid */
@media screen and (min-width:768px) {
div.eventlist {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px 10px;
}

div.eventlist article {
    margin: 0 !important;
    width: 100% !important;
    flex-direction: column;
}

div.eventlist article>* {
    width: 100% !important;
}

.eventlist-column-thumbnail {
    padding: unset !important;
    height: auto !important;
}

.eventlist-column-thumbnail img {
    position: static !important;
}
.eventlist-column-info {
    padding-left: 0px !important;
}
}

Result: