Responsive web design means that web pages should adapt its content to fit any device. It uses HTML & CSS to hide, shrunk, enlarge, resize to look good on any screen.

● RWD view port:

View port is the user visible area of a web page.

Size content to the viewport:

● Do not use large fixed width elements.

● Width to render well.

● Use CSS media queries to apply different styling to large and small screens.

● RWD grid view-Grid view makes easier to place elements on web page.

● RWD media queries-using media queries we can add break points where certain parts of business will behave differently on each side of the break point.

A great way to create responsive design, is to use a responsive style sheet.