Blog grid - phone view spacing

squarespace_help_needed · June 13

in mobile view, I have used this code to make the posts display in 2 columns:

@media only screen and (max-width: 767px) {
.blog-basic-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 14px;
}

.blog-basic-grid--container img {
width: 100% !important;
height: auto !important;
}
}

It works, except the gaps between the posts are huge (as per the screen shot) and I can't find a way of adjusting these?

Any help would be very gratefully received. Thank you!

tuanphan · June 15

Add to Design > Custom CSS

/* Mobile Blog Spacing */
@media screen and (max-width:767px) {
.blog-basic-grid .blog-title {
    margin-bottom: 10px !important;
}
}

squarespace_help_needed · June 16

Thank you so much, that's great!

Recommended Posts