Adjusting content stacking point

Site URL: https://hebdenroydprimary.squarespace.com/new-homepage

As I gradually improve at Squarespace design, I'm focussing on trying to make sure that mobile and tablet views look as good as desktop.

One thing I'd like to be able to control is the point at which content blocks stack on top of one another rather than side by side.

In a couple of sections on this homepage (in 7.0 Brine), the tablet view just looks off because the side by side sections get too skinny, or a button gets cut off. I'd like them to stack sooner.

Is that something I can control? Set a minimum width for certain block types maybe? Can I do it for certain sections or site wide?

I'm bumping this back up in case anyone has any ideas. 🙏

Hi,

Each page will need a different code to handle this.

Do you want to continue? We will give the code to make them stacked on specific screen size

JoelleM did you ever get this figured out? If so, I would be very interested in your solution.