Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.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 website 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/
You can read more about responsive design and how it applies to Drupal, specifically here: http://www.daymuse.com/blogs/mobile-first-design-drupal
Drupal themes that support responsive design out of the box include:
Base themes
Zen 7.x-5.x
Adaptivetheme
Omega
Aurora
Bootstrap
Styled themes
Pixture Reloaded
AT Commerce
Corolla
Sky
