Responsive Issue with input and text elements used as input field labels

Need help Responsiveness
1

Hey Bubblers,

I 'm struggling with some responsive settings. When in desktop mode, I want two columns of input fields, but when it goes to portrait mode on a tablet or smaller, I only want one column. On the tablet and desktop, I need to keep the field labels rather than just a placeholder to describe the content. When I top align the input elements, I cannot get the input elements and the field labels to stay together. Other than grouping these elements which causes issues with my hiding rules, is there anyway to get these to link to each other?

Settings with Y positioning for right element 2 pixels higher up
Desktop View

image
image892×254 2.47 KB

Tablet View (How it should look)

image
image868×465 17 KB

Settings

image
image344×637 15.2 KB

image
image338×635 14 KB

If I top align the elements on the Y axis, I get this issue.

image
image966×262 8.19 KB

2

This is a pretty easy fix by using groups. Just put each text and input, that go together, in a group then that should fix it.

3

That was my first thought and I tried that and I have hiding rules for the Field labels when we get down to the Mobile views and it was causing issues with the hiding rules. I can make it work (I think, but was curious if there was another way before going through that.