How to make Google form responsive for mobile

Google form (https://www.google.com/forms/about/) is very essential especially if you are using it for collection of data on your website or wanted to create a database of your visitors who want to contact you.

You can create google form if you have a Gmail account, simply got to google drive, click on New button in red color and navigate below under more option you will find Google Form.

You can use Google form on your website but the real problem comes when someone browse your website on mobile.

Google Form looks distorted due to lack of responsive design. To prevent this one needs to change the width to 100% to make it fit to mobile screen.

For e.g.

<iframe src=”https://docs.google.com/forms/d/hfgudsfdsjhfsdfsdgfksf,bsdfbadsjbfbasjf,bsdjf/viewform?embedded=true” width=”760″ height=”500″ frameborder=”0″ marginheight=”0″ marginwidth=”0″>Loading…</iframe>

You will get this code to embed a google form to your website (in Google Form go to File Menu -> Embed)

If you view above code you will see width =”760″ by default,if you take this code and paste it as it it then on mobile view your Google form will be distorted, change width=”100%”

Above changes will work for most of the cases.