Last updated April 9, 2014. Created by Jeff Burnz on October 26, 2011.
Edited by Ivan Zugec, mariomaric, JohnAlbin, rvanderh1. Log in to edit this page.

Responsive design provides a way for your site's content to be viewed in an optimal way independent of screen size. It subscribes to the "one web" idea where you only build one site for all channels, instead of a dedicated mobile version.

Responsive design is a good solution for many web site owners and builders, and while it won't suit every use case it's certainly a compelling and popular concept.

Responsive design uses a blend of fluid layouts, CSS3 media queries and flexible images that when combined allow your site to adapt to the device it's being viewed on.

Your standard desktop site might be three columns, but in your average smartphone you might want to display only one column - this is entirely doable using responsive design - it's a way of re-flowing the content and layout to suit the width of the device.

You can read more about responsive design here: http://www.alistapart.com/articles/responsive-web-design/

Drupal themes that support responsive design out of the box include:

Base themes
Zen 7.x-5.x
Adaptivetheme
Omega
Aurora

Styled themes
Pixture Reloaded
AT Commerce
Corolla
Sky

Looking for support? Visit the Drupal.org forums, or join #drupal-support in IRC.