I’m building an SPA (mobile size page). I have a top level group (page) that contains between 4 and 6 sub-groups, each of which contains a set of related input fields. Some of these sub-groups may be hidden depending on circumstances so I use responsive settings, and collapse when hidden, to make the next sub-group wrap into the hidden one’s place. So far so good.
On a laptop/desktop these sub-groups go to the previous line and array themselves across the screen 2 or 3 wide. However, on a mobile, they are one below another. The layout is fine but I only see the first two because of the group containing them being longer than the page length. I don’t want to make a very long page length for everything just because of this one page.
What’s the best way to handle this? Do I need to use a plug-in to extend the page length in this instance and shrink it later of is there something obvious I’m overlooking?