How to control placement of cards on screen without merging them into a single card?

Anyone know how getting this side by side work with Lovelace?

I tried creating a single Horizontal/Vertical-stack and that worked but in mobile was a bit of a challenge. So for the below:

This looks the way I want it when I have the bottom card which was the two combined.

If I move the bottom card to another page, the two above end up on top of each other

I can use the up and down arrows all day but they just flip flop.