Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
natascha.elena

Site won't size images equally.

Question

I've got 5 images that I want equally sized on one line. I can't just put them in a grid since they're CSS buttons for a hover over effect. When I add 3 to a line, or 4 to a line, they work fine--they show up equally sized. But when I add 5 on one line,  three are small and two are larger. 

 

When I add a small spacer on each size, they suddenly become equal in size, but that makes them way too small to be legible. 

 

Included a photo of with and without spacers.

Screen Shot 2019-11-30 at 2.24.39 AM.png

Screen Shot 2019-11-30 at 2.24.51 AM.png

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

As Squarespace uses a 12-column grid, you cannot evenly space five separate blocks. You can do this with a Gallery Grid or a Summary Block but you’ll need to amend you code to work with one of these. 


If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...