Scaling items vertically

Hey team,
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?

Use Toolit plugin. It includes HeroSizing plugin - it will allow you to make elements height responsive.

1 Like