HTML Responsive Web Design
Jun 30, 2021 AT 09:18AM
What is Responsive Web Design?
Responsive web design is about creating web pages that look good on all devices!A responsive web design will automatically adjust for different screen sizes and viewports.
Responsive Web Design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones).
How to Set The Viewport
To create a responsive website, add the following tag to all your web pages:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
This will set the viewport of your page, which will give the browser instructions on how to control the pages dimensions and scaling.
Desktop view
Mobile view
