Jump to content

Gallery elements don't align to inset edge in mobile mode

Go to solution Solved by tuanphan,

Recommended Posts

Hi,

home page: https://ellipse-teal-dl5w.squarespace.com/
pass: 04
Issue is on homepage:
I was able to get my home page gallery elements correct in spacing and columns with css. But in mobile mode, I'm having trouble with aligning the 2 gallery grid elements to the "inset" edge like every other element on my home page:
Gallery grid Id in question:
section[data-section-id="651f41fea4b86457aeca31fd"]
section[data-section-id="65c04f34561f77483f011ccb"]

on desktop mode its fine.
image.thumb.jpeg.0a90cd0b986ad632ccdcf7214f094fd3.jpeg

but on mobile mode it doesn't go to the edge:
image.thumb.jpeg.51e0c7a1a4d14113ff275f19316f2ce6.jpeg        image.thumb.jpeg.bf82218448c22052bcde4238c1c51ee7.jpeg


Had a look and tried some code but nothing I found works. Appreciate any advice and help on this.
Cheers

 

Edited by MAC1
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.