O'Reilly logo

Implementing Responsive Design: Building sites for an anywhere, everywhere web by Tim Kadlec

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

Chapter 3. Media Queries

You must be shapeless, formless, like water. When you pour water in a cup, it becomes the cup. When you pour water in a bottle, it becomes the bottle. When you pour water in a teapot, it becomes the teapot.

BRUCE LEE

Have you ever had a peanut butter sandwich? Yes, that’s right—a peanut butter sandwich. No jam. Just peanut butter spread between two pieces of bread.

It’s perfectly edible. It’s certainly better than eating two pieces of bread with nothing on them at all. Yet, it’s not quite satisfying. You just know there’s something missing: one ingredient that would make the whole thing much better.

You need the jam, of course.

In responsive design, media queries are the jam. (I’m envisioning strawberry, but feel free ...

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