Preventing a sidebar of blocks from resizing too small

Hoping someone else has solved this or has an easy fix. 

See attached file for situation. I have a sort of "sidebar" with some information and it contains four text blocks in a 2x2 configuration.

• Year
• Year value
• Role
• Role value

At desktop full width and mobile width, it looks great.  But those in-between breakpoints are the problem where the words "Year" and "Role" break up into two lines.  

How can I ensure these text blocks stay at a width that displays the H3s and paragraphs copy properly?

A couple notes on finding the solution.

• Squarespace doesn't put these text blocks in a single div, so I can't target that with something like a min-width CSS.
• I tried setting just the "Year" div to a min-width and that works in maintaining the word Year displayed properly, but then the adjacent Year value starts running into the Year text box.  Do I really just need to give the Year and Year value text boxes min-width values in pixels? Figured there's a more elegant solution.

Thanks, Ziggy.  

I guess I missed what's probably the simplest solution: just making those two text boxes two columns wide rather than just one. 

Still kinda wish Squarespace had more fine turning on things like which sections/areas/blocks to resize and how, but I realize that's probably beyond the keeping-it-simple scope of this platform. 

On 8/12/2023 at 5:13 AM, Charles26 said:

Still kinda wish Squarespace had more fine turning on things like which sections/areas/blocks to resize and how, but I realize that's probably beyond the keeping-it-simple scope of this platform. 

The added complexity of those controls would for most people render them much worse than not having them, the more complexity you have the more ways there are to break them.