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.