Hi all,
I work with an agency to build/maintain websites for folks (primarily on Shopify). I have a fondness for Squarespace, as I built my first website in 2011 with this service. Things have changed quite a bit since then, and I'm really trying to work with the 7.1 Fluid Engine.
I can't seem to figure out this issue with having awkward breaks in the text when I resize the window. It looks ESPECIALLY bad with buttons, so I used text instead.
My client wants five services in one row, with the image of the company, the text, and a button to view the dedicated page. I'm running into this wild CSS issue with seemingly every page I have worked with - but this one is the worst. Any ideas what I can do?
I was able to figure out the mobile/tablet view thanks to an extension I found.
I really want to offer Squarespace to clients - but this is almost a deal breaker. I'm hoping it's something silly that I have overlooked. I have played with making the blocks different sizes, spacing, margins, font size, custom CSS, etc. to no avail. Any help would be appreciated.
Note that the screenshots are desktop view, with the browser small. Not mobile/tablet view. Attached a few different pages that get funky once the browser is smaller.
Page:
https://dolphin-sealion-8kfs.squarespace.com/case-studies
pw: avadiapril
Also, here's a video of the issue. It expires two days from now. Thanks!
https://streamable.com/kjowsf