Unlike adaptive websites, responsive websites adapt to fit the device on which they are being displayed. These are single layouts that shrink, stretch, and rearrange the content to adapt to different screen sizes.
These days, almost every new client wants a mobile-friendly website. After all, it is practically essential to have different designs for the BlackBerry, iPhone, iPad, netbook, and Kindle - and all screen resolutions should be compatible. In web design, a responsive design means responding to the user's environment and behavior based on the platform, screen size, and orientation. CSS media queries, flexible layouts, and grids, as well as images, make up the practice.