Need Help with group height and responsiveness


I am currently working on an desktop application and am running into a problem. I am creating a single page app using custom states and groups for my page navigation. I have been very diligent on making the app responsive (width wise), and have realized that the height of the screen is causing it to look bad.

Below I have attached a photo of the problem I am running into. I have colored my Groups so that you can see the problem I am running into.

Is there a way to fix this problem?
Is this the best way to develop my Page Navigation?

I am new to bubble so and advice will be much appreciated!
Thank you!

On the largest group (height wise), select “Collapse this element’s height when hidden”

I prefer to separate my pages for easier development but single pages are quicker for the user.