Web Design & Gaming

Zyon Studios
Home Forum Blog Contact

HTML Responsive Web Design

Jun 30, 2021 AT 09:18AM

0
2 Views

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