A responsive website changes its appearance and layout based on the size of the screen the website is displayed on. Responsive sites can be designed to make the text on the page larger and easier to read on smaller screens.
They can also be configured to make the buttons on the phone’s screen easier to press. More sophisticated ways of using responsive design on a mobile device include: formatting the website to hide or present entirely different information, radically changing the graphics and colors, or even reducing the site to emphasize just its most important piece.
Thus day by day, the number of platforms, devices and browsers that need to work smoothly with your site keep on increasing. Responsive web design represents a fundamental shift in how we’ll construct websites for the decade to come.
A site designed with Responsive Web Designing Skills adapts the layout to the viewing environment by using fluid grids, flexible images, and CSS3 media queries. Just have a look at following examples. You can also check them in http://www.responsinator.com/ in various resolutions
Sample Website Work: http://www.earthingtransformers.com/