Nowadays, users have to interact with computer screens of all different sizes, from smartphones and tablets to laptops, desktop monitors, and TVs. To design a web application in such a way that page layouts adapt intelligently to the user's screen width resolutions is called responsive design; for example, an advanced four-column layout 1292 pixels wide, on a 1025-pixel-wide screen, that autosimplifies into two columns when viewed on a tablet or smartphone. Its significance is now broadened to encompass web applications that respond to the user's environment intelligently, but also to make the web app adapt to the user's behavior. If you do only one thing to make your app's responsive design aware, apply what you read in this topic.
Add the following <meta> tag (the so-called viewport tag) to the <head> section of your HTML pages:
<meta name="viewport" content="width=device-width, initial-scale=1.0">