Side elements stacking without upper margin

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

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

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. :-1: :anguished:


How can this be fixed?

Nevermind :sweat_smile:

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à.

1 Like