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 emphasise just its most important piece.
With the growing amount of mobile devices and retina screens in today’s society having a website that’s responsive to cater for all is a must in keeping inline with your competitors.