responsive code to keep 4 blocks in 1 row also on smaller screens

Hi, 

I'm trying to find a code to make sure that the "agenda" block on this page shows 4 events in 1 row, also on smaller screens:

https://de-buurtcampus.squarespace.com/

PW: Buurtcampus

Anyone know how to do this?

Are you referring to the elfsight widget? If so then you'll likely have to adjust this in the widget settings since it runs as a standalone script.

@Ziggy yes the elfsight widget, but there are no settings in the plugin that I can adjust for that. 
Is there no specific code possible that I can connect to the Id of the section or the block?

You can use this CSS code to Elfsight Appearance > Custom CSS, and adjust number in the code, this code will run from 768px to 1000px

@media screen and (max-width:1000px) and (min-width:768px) {
.eapp-events-calendar-grid-component.jsx-767529322 .eapp-events-calendar-grid-item {
    width: 25% !important;
}
}

Ah great @tuanphan thank you