Your customers aren’t always sitting on a desktop. They’re on their phones — and your brand has to be too.

A perpetually growing number of users are browsing the web on mobile devices. Responsive web design will make sure your website is readable on all those devices (smartphone, tablet, computer or smart TV), no matter the size of the screen. The layout “responds” to the device screen size, changing the number of columns and font-size to suit the screen.

Three Main Components of Responsive Design
1. Flexible layouts – Using a flexible grid to create the website layout that will dynamically resize to any width.
2. Media queries – An extension to media types when targeting and including styles. Media queries allow designers to specify different styles for specific browser and device circumstances.
3. Flexible media – Makes media (images, video and other formats) scalable, by changing the size of the media as the size of the viewport changes.