How to resize desktop html page to mobile view page in html?

Question

I have made a html page in my laptop but when I ran that page in my mobile elements are not adjusted as I adjust them in laptop. So what is the solution?

Answer 1

Responsive Web Design

When making responsive web pages, add the following <meta> element in all your web pages:

Example:

<meta name="viewport"content="width=device-width, initial-scale=1.0">

Read more here: https://www.w3schools.com/html/html_responsive.asp

Answer 2

visit w3schools.com and learn the media queries css element.. it will help your site to become responsive..
or you can use css framework such as Bootstrap, Materialize..

Answer 3

Thanks, @Sami Khan and @WorkPrompt