I updated this custom css rules into your site, kindly check.
@supports (display: grid) {
.blog-items {
grid-gap:1em;
display: grid;
grid-auto-flow: row;
grid-template-columns: 1fr;
margin: 0 0 1em
}
.blog-items .blog-item {
padding: 0
}
.blog-items[class*=" columns-"]>div,.blog-items[class^=columns-]>div {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
max-width: none;
width: auto
}
@media (min-width: 992px) {
.blog-items.columns-2 {
grid-template-columns:1fr 1fr
}
.blog-items.columns-3 {
grid-template-columns: 1fr 1fr 1fr
}
.blog-items.columns-4 {
grid-template-columns: 1fr 1fr 1fr 1fr
}
}
}
