bunj Posted November 2, 2023 Posted November 2, 2023 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.
Ziggy Posted November 2, 2023 Posted November 2, 2023 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment