Adaptive Web Design is a design of web pages that ensures the correct display of the site on various devices connected to the Internet, and dynamically adjusts to the given dimensions of the browser window. The goal of responsive web design is the versatility of displaying website content across multiple devices. Content, design and performance are necessary across all devices to ensure usability and satisfaction.
The site, developed with Responsive web design, adapts the layout to the viewing environment using aspect ratio based responsive grids, responsive images and CSS3 media queries, which is an extension of the media rule.
Flexible images are also placed in relative units to prevent them from being displayed outside of the containing element.
Media queries allow different CSS styling rules to be used on a page based on the characteristics of the device the site is displayed on, such as the width of the browser window of the rendering surface or the physical size of the screen. Responsive layouts automatically adjust to fit any device screen size, be it desktop, laptop, tablet, or mobile.