Right now my design looks great in adalo previewer. However If i send the preview link to a friend and view in a mobile browser everything looks unaligned and offcenter. Just horrible.
What should I be basing my designs off? The adalo previewer? Is it the most accurate to how a native app will show the design?
Even when publishing your app, you will go through trial and error with the design.
That’s just the reality of it.
But as you do that exercise, you will learn what works and what doesn’t.
is the previewer more reliable or the mobile browsers?
The previewed is very useful to test that everything is working as expected. All the logics, visibility rules, actions, transitions, overall design structure, etc.
That said, once you are happy with that, you have to test on a browser to see if there are elements not working as expected there (especially design elements).
And once you are happy with that, you have to test the native apps in testing mode, because most probably there will be design elements not working as expected there and you’ll need to make adjustments.