Keeping two resizing objects contiguous

I keep thinking this is super-easy and I should be able to figure it out, but alas.

So I have two resizing text-boxes like so:

As I change the browser size, I’m trying to figure out how to make sure the BLOCK B maintains it’s vertical distance to BLOCK A, i.e. not like this:

And here’s the amazing project: (180.8 KB)

I’m pretty much anticipating slapping my forehead so hard my brains shoot out to the wall behind me. Thanks in advance…off to find my helmet.

Unfortunately there’s no way to do this using Hype’s flexible layout controls. You could potentially have multiple Responsive Layouts, but that’s also not a perfect solution.

The best way to do it would be to have all your text in one element/div and let the browser’s layout engine do text wrapping+resizing.

(I do acknowledge this is a good problem for Hype to solve)

Thanks for the confirmation Jonathan, I appreciate it. Even that helps, as it lets me focus on a different solution. Risking Hissing from the audience, I’ve been slamming a table into an Inner HTML. Ooof!