www.wysiwygwebbuilder.com

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.

Alan

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?"
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817

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