Skip to content

Instantly share code, notes, and snippets.

@mantismamita

mantismamita/new_gist_file.css Secret

Last active August 29, 2015 14:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mantismamita/9aa735f89f04690a56ef to your computer and use it in GitHub Desktop.
Save mantismamita/9aa735f89f04690a56ef to your computer and use it in GitHub Desktop.
Download ZIP
Makes Google Map embed go to 100% width
Raw
new_gist_file.css
.googlemap {
position: relative;
padding-bottom: 75%; /* 4:3 ratio*/
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
Raw
paris-iframe.html
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d83998.91163207506!2d2.347059899999999!3d48.858858949999984!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sfr!4v1425301582595" width="800" height="600" frameborder="0" style="border:0"></iframe>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment