Jump to content

Spacing of odd number of images in a row in Fluid Engine

Recommended Posts

Hi folks,

Pretty sure this will have been answered somewhere below so forgive me if so, please provide a signpost to the answer. Is there a workaround or code to address the following: if I want to evenly space an odd number of elements in fluid engine with no gap between each and if I want the elements to be full width (check out the link on the site I've listed, it makes better sense visually than my explanation), I have to have the 'middle' element at a different size to compensate. How do we get all three images to just be the same size and evenly spread across the screen?

 

Many thanks.

 

B.

Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Can you provide the link that you mentioned?

You may want to customize this code (by adding the ID of the section and replacing #sectionID)

#sectionID {
  .fluid-engine {
    --sqs-site-max-width:100vw;
    --sqs-site-gutter:0vw;
  }
}

This code makes the fluid engine grid span the full width of the screen so you can have 3 even columns 8 wide each.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.