94
Views
2
Comments
BEST UI LAYOUT FOR MOBILE APPS
Question
Application Type
Mobile

I am having issues with my buttons that are mis-aligned on different devices.

Which UI layout can i use with a header, centre and bottom section that is responsive to different devices.


2021-01-04 08-13-48
Toto
 
MVP

Hi,

I have the same problem like you, usually on Android devices (to many screen size from different brands)

What we use, is on the css we use :

height: 100vh;
width:  100vw;

Then we adjust the component height and width based on this : 

height: 100vh-20px;
width:  100vw-10px;

Another alternative is we create few css to handle different screensize

@media(max-width: 600px) {
    // for 600px width screen
}
@media(min-width: 601px) {
    // for larger then 600px width screen
}
2020-06-04 15-38-19
Samiksha Manekar

Hi Rudo,

You have to handle it through Media query .

Thanks,

Samiksha

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.