Side elements stacking without upper margin

[benjamin1]

I’ve create a form with neatly grouped and arranged elements.

On phone they act responsively as expected (no problem here):

However on tablet, they stack with their label on the side as expected, but each horizontal pair ends up with no margin between them. So pair 1-2 is touching and pair 3-4 is touching etc.

How can this be fixed?

[benjamin1]

Nevermind

I figured it out: I had to stretch the parent containers and let them touch one another instead of fitting them to the form elements and letting a margin between them. After stretching I centered the form elements vertically in their containers and voilà.