I agree that “bottom of of scroll flow component” can not be set with % height, but top alignment of the component can. I need to design some UI screen with long content, so I have to put all component to “Scroll Flow” with “Contributes to flow” feature.
UI look good on phone, but with tablet with higher screen size, it look really bad.
I only want to push the first component of flow down depend on screen size (set top alignment of first component in flow with %), but it can not set.
Unfortunately % would probably not work because it is calculated from the element on top of the element; not screen size. I’m guessing you should simply create a top alignment override for larger screen sizes (just select larger screen preview and click override from alignment).
I think “top alignment override for larger screen sizes” as suggest of Antti_Neonto do not cover practical situations, for display on iPhone SE vs iPhone 11, it look not really friendly for screen size of over 6 inch screen size phone.
Could you post screenshots of your projects with marking what elements do you think are misaligned. To my eye I don’t see why the content cannot start just below the navbar or top of the screen. Is it some sort of “card” element that you’re trying to mimic? I mean sort of element which appears from bottom of the screen.
I thought the “responsive swapper” would help, but it is limited to four device sizes: Narrow phone, wide phone, narrow tablet, and wide tablet. The link is an example of a swapper with a white rectangle at 0% opacity, making it invisible. The rectangle is 200 pixels for narrow devices in portrait mode; 50 pixels in landscape.
If you look at this on desktop you’ll have to make browser window narrow to see change. https://neonto.cloud/preview/plzx7yaz