7.1 Image blocks on Mobile

Site URL: https://saxophone-caterpillar-j8fn.squarespace.com/test

Hi!
I'm trying to remove all distance between image blocks. I managed to do it on desktop. But when I use two blocks one next to the other and the mobile version moves the second block below there's a white space.

.sqs-block.image-block {
 padding-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0 !important}

Thank you!!!

https://saxophone-caterpillar-j8fn.squarespace.com/test

Password: test

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5efb6da6831f74754a4493da .image-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

5 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5efb6da6831f74754a4493da .image-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

 

Awesome! 🙏 Thanks so much! @tuanphan
There is a way to apply that to ALL blocks on the website? (not just to this specific page section)

11 hours ago, Budka said:

Awesome! 🙏 Thanks so much! @tuanphan
There is a way to apply that to ALL blocks on the website? (not just to this specific page section)

@media screen and (max-width:767px) {
.image-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}