How to make a form mobile friendly? [duplicate]

Question

I have some simple form, that looks good in browser:

However when I load this page from mobile device, the form looks very small:

What is the best way to make this form pretty for mobile-looking, on the full mobile screen? Should I do it with CSS or Bootstrap? Is there some general way to reach it?

Answer 1

Add a meta viewport tag to make the form fit the cell phone screen.The viewport is the user's visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.

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

More details on viewport