Reponsive Google Calendar Embed

The basic technique is to wrap the iframe embed code you get from Google with a div. We give that div the class name googleCalendar. Then we set the Google Map iFrame inside of that to cover the width and height of the googleCalendar div. You can change the width and height of the googleCalendar div and the calendar till change along with it.

For info on always keeping the calendar in a specific aspect ratio follow the same CSS used in this pen for responsive video embeds: https://codepen.io/profstein/pen/mArLRj