Responsive design is a new way to build out websites that is becoming very popular. A responsive site will re-size and reorient your site content to fit smaller screen sizes. With more and more people using mobile devices and tablets to browse the web, having a site that renders well, no matter the screen size, is very important.
In the video below, Caitlin shows us a responsive website and how it reorders itself as she shrinks the screen resolution size. She explains that you can think of your site’s layout like a newspaper, in columns. When you design your site in this grid/column layout, a responsive site will reorient those columns to fit the smaller screen sizes. This is a great way to have a site that is optimized for multiple devices and that won’t lose any of your content.
For more information on responsive design, check out our infographic – Responsive Website Design – What is it?
Below are a few more examples of responsive designs and how they reformat as the screen sizes shrink.