Our webApp’s user journey usually starts on mobile, and a few hours later continues on desktop. Most of our components work fine across both:
Header stays nicely at the top
Footer stays nicely at the bottom
However, everything in the middle (a number of repeating groups of which only 1 shows at a time) is hardcoded to “550 pixel high”. On mobile this is great, but on a desktop half of the vertical space isn’t used and this makes it look really bad.
Any ideas how to make them scale vertically according to screen size?