Why does my sites look weird on different screens

Question

Guys, please why does my website that I coded well on my PC look extra large on my phone and smaller on wider screens with large space, even though I put the meta tag in head. What is the solution?

Answer 1

Use @media attributes in CSS or you can use responsive CSS framework like Bootstrap or Material Design.

Answer 2

Putting meta tag is not sufficient. You need to use 'vw' as unit for your dimensions or sizes in place of 'px' or %.
That is,
In place of:
height=200 px,
Write:
height=200 vw
Else you can use Bootstrap to make your page responsive.

Answer 3

Thank you Chetali

Answer 4

Thank you AJ