Chapter 13  Designing Responsive Web Pages

Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design. —Ethan Marcotte

This chapter covers

  • Learning why you should avoid fixed-width layouts
  • Creating page layouts that are liquid and flexible
  • Using media queries to build pages that adapt to changing screen sizes
  • Creating layouts designed first for mobile screens

I’ll begin by defining what I mean when I describe a ...

Get Web Design Playground now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.