How do people cope with different phones?

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules

MUST READ: ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ: ... 10&t=63817
Post Reply
Posts: 472
Joined: Tue Jan 01, 2019 5:50 pm

How do people cope with different phones?

Post by alan_sh » Sat Apr 06, 2019 6:29 pm

This responsive lark is a bit of a pain. I've got phones with around 320px wide and ones that are 420px wide - and probably some I've not yet seen a bit wider Then, we have iPads of different sizes - and then we get to landscape views.

What does everyone do with the different sizes? Do you have layouts that stretch or just accept that there's going to be white space around some of them and go for the smallest common denominator? Do I need breakpoints all over the place or just a few?

I've been doing web design for nearly 20 years but this is the first time I've had the need (because my users have asked for it) to look at responsiveness.


User avatar
Posts: 17651
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe

Re: How do people cope with different phones?

Post by Pablo » Sat Apr 06, 2019 9:02 pm

Note that you do not need to add breakpoints for specific phones or screen sizes, but instead you should add breakpoints when the layout 'breaks'. In other words when it no longer looks good at a specific size.
For example, text is not readable, the menu is too small or the browser displays a horizontal scrollbar because the content does not fit.

See also the FAQ:
"Which breakpoints should I add to my web page?" ... 10&t=63817

Also note that when you use flexible layouts then the layout usually only has 1 or 2 breakpoints.

Post Reply