I’m unfortunately still struggling with this issue. I’m using the Mesmerize theme and I’m using the following CSS:
/* Grid style */
.display-posts-listing.grid {
display: grid;
grid-gap: 40px;
}
.display-posts-listing.grid .title {
display: block;
padding-bottom: 10px;
}
.display-posts-listing.grid img {
display: block;
max-width: 100%;
height: 800 px;
padding-bottom: 30px;
}
@media (min-width: 600px) {
.display-posts-listing.grid {
grid-template-columns: repeat( 2, 1fr );
}
}
@media (min-width: 900px) {
.display-posts-listing.grid {
grid-template-columns: repeat( 2, 1fr );
}
}
.display-posts-listing .listing-item {
overflow: hidden;
width: 100%;
padding-bottom: 30px;
border-bottom: 0px solid grey;
margin-bottom: 30px;
}
.display-posts-listing .listing-item:last-child {
padding-bottom: 30px;
border-bottom: 0px solid grey;
margin-bottom: 30px;
}
Any help with this would be greatly appreciated! Thank you!