.google-maps position: relative; padding-bottom: 25%; // This is the aspect ratio height: 0; overflow: hidden; .google-maps iframe position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; //doesn't block the load event function createGMapsIframe() var i = document.createElement("iframe"); i.src = "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2907.... https://www.google.com/maps?cid=11094635635520728106