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?
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.