Cover Page by Charles Wyke-Smith

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

O'Reilly logo

Chapter 8. Responsive Design

Today’s Web page layouts need to be responsive to the many different environments in which they are displayed. There is a big difference between good user experience on a large monitor and on a mobile phone. A multi-column layout may make sense for a large monitor, but on a phone each column is so narrow as to be unreadable; a single, “serialized” column layout becomes the only feasible solution. It is then very easy and natural for the viewer to scroll the screen with a swipe gesture as she reads.

Image Here I am modifying the browser version for smaller screens, but there’s a lot to be said for designing for “mobile first.” ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required