Responsive design allows the content of your web site to be to displayed in different formats, using different designed style sheets, driven by the screen resolution of your website visitor’s device.
So, if someone visits your website on a desktop computer, they will see your website displayed in the desktop version. But, if they visit your website on a tablet or a smart phone, they will see your website displayed in a format specially designed to create the best user experience for their personal device’s screen resolution.
Compare to the creation of a separate mobile website, benefits of the responsive design are:
- All your website pages and content, for any device, can be pulled from a single source. So, as your content is updated, it is updated across all devices at the same time.
- All your website content and pages are hosted at the same website address. This is so much better for Search Engine Optimization (SEO)