Major discrepency between editor and live layout? Why is that?

In my editor, my groups look like this? And when I click on them, they change heights?

But in preview mode, they look like this.

What I expect them to look like, but I’ve got no way of making sure they look like this until I preview it.

Could you show your responsiveness settings?