Skip to content

Instantly share code, notes, and snippets.

@geoclaps
Created September 19, 2018 14:49
Show Gist options
  • Save geoclaps/e6f1f8147338545a06da63128f797f31 to your computer and use it in GitHub Desktop.
Save geoclaps/e6f1f8147338545a06da63128f797f31 to your computer and use it in GitHub Desktop.
Google maps iframe reponsive fix
<style>
.google-maps {
position: relative;
padding-bottom: 100%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
</style>
<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5823.3952462207335!2d5.9991509963873435!3d52.144578501568844!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c7beca7a5af4ad%3A0x6e1ed6aab1dfcb62!2sAnders+professioneel+event+support!5e0!3m2!1snl!2snl!4v1516952552579" width="600" height="800" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment