Great article.

I think I’m facing a different kind of layout adjustment problem then. For me, I had developed an app (only UI) from one of YouTube tutorials in a Galaxy S8 screen (emulator). It looked the same as the one in video/dribble then.

But when I opened the same app in my Nexus 6P or a 1080p phone or Honor 8x. Some of the layout were

• overlapping OR
• texts were too small OR
• there were too much space everywhere.

This is how the screen looks on my Honor 8x.

And this is how the actual screen looks like in emulator (where I designed it). The texts are different coz this snap is from the YT tutorial itself. I’m away from PC and I fear I’ll forget about this by the time I come back to this. But rest assured, the screen looked exactly like this.

I did divide the screen (to 2 parts) by dividing the whole height / 2 and not using a positioned widget to start from these many pixels from top. So, that worked fine. But many other texts and images were all misaligned and in wrong places.

What am I missing? Mind you, I’m a total newbie in this. 😅 And if there’s any article posted on this already, link it please.