Responsive web design is the idea of making websites that looks good and responds to all screen sizes. Designers have to train html and css to automatically resize and properly organize the website to look good on all devices. The tag <meta> is used to create a responsive website.
Viewpoint.
Setting the viewpoint to create a responsive webpage is one of the first steps. Within the <meta> tag, name=”viewpoint” content=”width=device-width, initial-scale=1.0” Including this in the html gives the browser step by step instructions for how to control the pages dimension and scale.
Media Queries.
CSS media queries are used to check width and height of the viewpoint, orientation of the viewpoint, and the resolution. This technique is popular for making a style that works for different screens like desktops, laptops, tablets, and phones. The CSS media types include, all media type devices, print preview mode, and use for screens.