Implementing a Responsive Web Design implies that the website is designed in such a way that enables content elements such as paragraphs, images and menus to flexibly resize, reshape and reconfigure for optimal display on the target device whether it be on a smart phone, tablet, laptop or desktop computer.

With mobile device traffic now accounting for more than half of total Internet traffic, incorporating Responsive Web Design is increasingly a more critical requirement in user interface design.

For example, if you view this Web page on a desktop computer, the content will flexibly adjust to fill the width of the browser window. However; if you view this same Web page on a smart phone, the content and menus will reconfigure into a narrow vertical page for ease of viewing, scrolling and navigating in a much smaller browser window.

If you are viewing this website using a smart phone, here is the way the content will re-configure for the narrow display on a smart phone:

Responsive mobile display


If you are viewing this website using a laptop or desktop machine, here is the way the elements will stretch out to fill the wider browser area on a laptop or desktop: