Google slides 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 lecture presentations for students effectively.
you just simply need to publish these presentations through google web publish from your google drive dashboard. Then share this 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 slides lack responsive design. But here is a easy solution to this problem .To prevent distorted look on different devices you just need to make few modifications in the google slides embed code .
By default your google slides embed code looks something like below with default dimensions of width and height.
<iframe src="https://docs.google.com/slides/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/slides/d/e/1FAIpQLSdCeApflm-VrAitVV5pSXZDURaz7lKXCEps8gyz
TbE9KjTekQ/viewform?embedded=true"
width="100%" height="500" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe>That is all your google slides is ready as a responsive one .
This slide is after making modifications for dimnesion of width.I have made width 100%
Having a comparative look at both views you can understand the power of responsive designs in the world of mobiles.
0 Comments