Responsive Google Maps

Instructions below the map.

HTML Element CSS

position: relative;
overflow: hidden;
padding-top: 56.25%;

Changes to Google Maps Embed Code

Remove the width and height attributes.

Add the following styles to the iframe:

style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"