Image Blocks - 3 in a row with spaces - how?!

Hi all.

I really want to have 3 images in a row  with a text overlay (so I've used Poster as the image style) with gaps in between.

Ive tried Spacers but it comes to 11 units so I have an extra gap on either side:
space-image-image-space-image-image-space-image-image-space-space

I made it 4 as you can see in the screenshot attached, but would prefer 3. I also dont want them full width, hence I'd like spacers on the side.

Link: https://www.designgoals.co/start-ux-course

Hi, 

Have you considered using a gallery block with grid design? If you use image blocks you are dealing with three individual content blocks on a row, which makes custom margin removal really hard. It would be much easier to use a gallery block and then look up the block ID & then give margin-left and margin-right values of -30px (or whatever it takes to remove the extra white space around the images). This however requires a business plan on Squarespace (because of Custom CSS) but I'd guess your site runs on business plan.

Or, if you wanna go with gallery block, you can simply apply our code & create full-width gallery in no time.