Remove padding index gallery block in mobile view

Site URL: https://maharishischool.squarespace.com/

Hello,

I am using a gallery block on an index homepage to display info. The info was getting cut off on mobile view - I managed to find some code to fix that, however, I want to reduce the side padding on mobile view as there is too much. I also need help with the tablet view as the info is cut off. Any help would be most appreciated. Site is https://maharishischool.squarespace.com/ pw Maharishi

Thanks in advance!

Hi. Try adding to Design > Custom CSS

/* Mobile padding */
@media screen and (max-width:640px) {
.Index-gallery-item-content {
    padding: 10px !important;
}
}

Brilliant! Thank you!!!!!!!