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.
Click on the edge of browser and drag it to the left
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.