Jump to content

padding around images on mobile

Recommended Posts

Site URL: https://soybean-flute-42kz.squarespace.com/manual-project-page

Hi, Using this code to reduce gutter space between images. Unfortunately on mobile this results in uneven space between images. Any idea why? On bpbile the padding is also affecting the outer margins of the page...

I'd be so grateful for any help. Interestingly when I set padding to 0 it fully closes the gap between some but not all pictures. and almost entirely removesthe outer margin.

Password is Sandy

Thanks

Claudia

 

 .image-block {
    padding: 12px !important;
}

Link to comment
  • Replies 3
  • Views 360
  • Created
  • Last Reply

Hi,

Thanks for your reply and for looking into this.

I've attached two images. One shows two screenshots side by side, showing the difference in spacing. The other shows it when I set padding to 0. And there is some space still between images. Also it removes/reduces the outer margin. So less space between images means things don't line up with the logo any more.

Thanks
Claudia 

2_side_by_side.jpg

IMG_2960.PNG

Link to comment
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.