Jump to content

7.1 Fluid Engine Aspect Ratio?

Recommended Posts

This may be a stupid question, but I just can't figure out what the aspect ratio is for the grid for this new fluid engine approach. I'm trying to update my website (which is a design portfolio), and I'm struggling to figure out what size I need to export everything at so that I can keep spacing consistent in-between separate graphics as well as keep them at the same width.

I know I can choose "fill" instead of "fit," however this then cuts off parts of the design I'm displaying - which I do not want, either. 

I guess I'm looking for some sort of information like "a block is 1" wide and the gap is .125" wide" or anything similar so I can size and export my graphics to line up with the blocks correctly, since you can't stop an edge in the middle of a block, either.

Below is an example where one way the (first) graphic doesn't line up height-wise, but then if I adjust the height, then the width doesn't line up.  

 

Pre-adjustment:

2043378476_ScreenShot2022-12-23at11_53_40AM.thumb.png.ca6d40cf2b0f79412f78f83cb6950cd8.png

 

Post-adjustment: 1932792966_ScreenShot2022-12-23at11_54_22AM.thumb.png.9231c2eb7f5b544265fde93f6fadd0a9.png

 

Edited by becca_lam
Some grammar mistakes
Link to comment
  • 2 weeks later...

Hello. I'm experiencing a similar issue. I have a 7.1 site which I'm fairly happy with, and I initially thought upgrading to fluid engine would give me more options. However, I'm also stuggling to get my head around the grid. Like you I'm a graphic designer, and so I need to display designs without them being cropped, but I also need my margins to be consistent.

What I can't work out is, what is the apsect ratio of each cell in the grid? I'm not sure it has a fixed ratio (if you make you browser window smaller, it starts to look more square). Also, why are the cells rectangular? It seems to me that if they were square then figuring out aspect ratios for your images would be easier (although you would still have to factor in the cell spacing, so maybe not).

Did you figure anything out yet? My initial enthusiasm for fluid engine is giving way to frustration…

Link to comment

Unfortunately, I have not found much of a solution, other than to re-build my graphics with the same exact width every time (with varying heights). That way it at least all lines up.

I also thought fluid engine would offer me much more flexibility - similar to Wix - but then got stuck with the alignment issues and no way to turn back without losing the page. I do wish it was a freer grid than it is at the moment. 

I did attempt (very badly) to figure out the ratio for each block (through screenshots and replication), but it did not work when scaling. That makes sense, though, as you said the blocks change along with screen size - which brings a whole other difficulty to everything. I truly don't understand why they didn't go with a typical (and consistent) grid like you can do on AI, without the blocks and spaces. 

Definitely makes updating your portfolio even more of an annoyance!

Link to comment
  • 8 months later...
  • 1 month later...

Agreed. I've spent over an hour now just researching how to remove the Aspect Ratio feature instead of being able to create my site. Who thought that this was a great feature and didn't include the option to create a custom aspect ratio on your Image Gallery's main page?

Edited by NanV
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.