How to have responsive heights?

Indeed, height responsiveness for heights is not straightforward. I’ve been teaching myself on Bubble’s responsiveness and I’ve capture some of those learnings on this post (link).

Ideas:

  1. Look at the work of Gregory John (first couple of links in my post).

  2. Step back. Is there a simpler way to achieve ~80% what you’re trying to achieve?
    I’m of a stubborn constitution and I’ve tried making Bubble do things that are not native to it. I invested a ton of time, looked at the result, then realized I could have saved myself a couple of days by just “coloring between the lines” instead of outside of it.

  3. An impractical way to go about it (aka how I lose days of my life):

    • get a plugin that reads viewport height.
    • create a bunch of scenarios for different screen sizes.
    • hide/show repeating groups based on the viewport height.
1 Like