Google forms :How to make them Responsive

 

Google forms are a handy tool for carrying out large amount of presentation tasks and sharing with co-workers.It is very handy tool for teaching .You as a teacher can use them to create routine quizzes for students evaluate the submits in no time.

you just simply need to share this form on your students mobiles or even you can embed google form code in your website if you are managing one.

But the problem with google embed code is that it is not responsive and hence it gives different looks on your PC and mobiles.

This is due to the reason that Google Forms lack  responsive design. But here is a easy solution to this problem .To prevent its distorted look on different devices you just need to make few modifications in the google form embed code .

By default your google form embed code looks something like below with default dimensions of width and height.

 

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdCeApflm-VrAitVV5pSXZDURaz7l
 KXCEps8gyzTbE9KjTekQ/viewform?embedded=true" width="700" height="520" frameborder="0" 
 marginheight="0" marginwidth="0">Loading…</iframe>

change the width to 100% to make it responsive so that it can be viewed evenly on all devices . 

 

<iframe 
src="https://docs.google.com/forms/d/e/1FAIpQLSdCeApflm-VrAitVV5pSXZDURaz7lKXCEps8gyz
TbE9KjTekQ/viewform?embedded=true"
 width="700" height="100%" frameborder="0" marginheight="0" 
marginwidth="0">Loading…</iframe>

That is all your google form is ready as a responsive one .