O'Reilly logo

Responsive Web Design Patterns by Chelsea Myers

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

Creating complex systems

Just by reviewing these patterns, we can already see repetition and combination. For more complex systems, these patterns can be combined in an infinite amount of ways. Of course, infinity can get a little messy.

Starting with a grid system

When designing a website, we don't place content, modules, and text whenever we want. Websites such as these may look more like a cubist painting than a functional site. Website designs should be simple, usable, and approachable. A way to maintain order throughout a website is to base templates and pages off a grid system. The grid system is comprised of columns, typically in the range of 10-16 on large screens. Elements on a template are then aligned with the edges of the columns to ...

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