responsive map attempt

This commit is contained in:
2020-11-01 19:00:31 -05:00
parent 217b2cda9f
commit f23f2a0f88
3 changed files with 21 additions and 4 deletions

View File

@@ -31,8 +31,9 @@ Dinner will be served at **7:00 PM**
[**101 East Dr, Brooklyn, NY 11225**](https://goo.gl/maps/7vJWAH4iFbyKeaq86)
{: .text-left}
<p style="text-align:left"><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-73.98174047470094%2C40.65239921467547%2C-73.9488458633423%2C40.66914863217685&amp;layer=mapnik&amp;marker=40.66076636052815%2C-73.96528314464291" style="border: 1px solid black"></iframe></p>
<div class="resp-container">
<p style="text-align:left"><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-73.98174047470094%2C40.65239921467547%2C-73.9488458633423%2C40.66914863217685&amp;layer=mapnik&amp;marker=40.66076636052815%2C-73.96528314464291" style="border: 1px solid black"></iframe></p>
</div>
**Please don't drink and drive.** \
Take the subway or split a taxi so you can drink without consequences!

View File

@@ -364,4 +364,20 @@ input[type=text] {
input[type=email] {
background-color: #ffffff;
}
}
.resp-container {
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.resp-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

View File

@@ -9,7 +9,7 @@ header:
overlay_image: /assets/images/banner.jpg
excerpt: "Join us in Brooklyn, NY!"
intro:
- excerpt: "We're so excited for everyone to join us at our wedding! You'll find links below for everything you need. If you have any questions not answered here, head over to the [contact](/contact/) page and drop us a note."
- excerpt: "We're so excited for everyone to join us at our wedding! You'll find links below for everything you need. If you have any questions not answered here, head over to the [**contact**](/contact/) page and drop us a note."
feature_row:
- image_path: assets/images/feature-image-01.jpg
alt: "ray and gwen 01"