Jump to content

Resizing Image Gallery for different widths

Recommended Posts

Site URL: https://conch-cheetah-c4pf.squarespace.com

NB Site password is Forum

I have a gallery with 8 images displayed on a desktop with 4 columns and 2 rows - which is fine.  

Currently the image gallery changes to 3 columns and 3 rows on a smaller device type (approx IPAD Portrait size) - this doesn't work for me as the last 2 images are on a row with a gap next to them where the 9th image would have been

and then to 2 columns and 4 rows on an even smaller device type - which is fine.

 

I would like to edit the css so that the images are either shown as 4 columns on a large device or 2 columns on a small device - ie I want to remove the 3 column option.

Can someone help show me what css to add 

4x2.png

3x3.png

2x2.png

Link to comment
  • Replies 1
  • Views 159
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.