What is Responsive Design?

In a nutshell, responsive web design is a method of designing web pages to be screen friendly. We have created this page, to demonstrate responsive and non-responsive web design. Follow the instruction to the right to begin the demonstaration.

Non-Responsive Design
Simulation Mode:
Responsive Design
Simulation Mode:
This section has been designed using old methods of designing web pages. As you change the screen size, you will notice that contents are not responding to screen size changes. In fact, contents of the web page are being chopped off of the view, forcing users to use zoom out tool on their devices. This will result in reduced size of text and other contents, rendering them unreadable and useless.
Right section has been designed using Responsive design methods. As you change the screen size, you will notice that contents are being shifted around, fonts are being resized and shapes and images are reconfigured to look best for available screen size! The web page is being reconfigured to fit different screen sizes from a Desktop computer, tablet to smart phones. This is how responsive design looks like on different devices.