Update index.html

This commit is contained in:
Daniel LaForce 2024-08-02 16:02:19 -06:00
parent c753c8beed
commit 0982b33d2b
1 changed files with 9 additions and 8 deletions

View File

@ -23,15 +23,16 @@
.map-container {
width: 100%;
display: flex;
flex-direction: column;
flex-direction: column; /* Change to column for vertical stacking */
align-items: center; /* Center the iframes horizontally */
flex: 1;
align-items: center;
}
iframe {
width: 960px; /* 800px + 20% */
height: 720px; /* 600px + 20% */
flex: 1;
border: none;
margin-bottom: 10px;
height: 55vh; /* Increase height by 10% */
width: 800px; /* Set fixed width */
max-width: 100%; /* Ensure it doesn't overflow on smaller screens */
}
.buttons {
width: 100%;
@ -45,7 +46,7 @@
cursor: pointer;
}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
<script>
window.dataLayer = window.dataLayer || [];
@ -59,8 +60,8 @@
<h1>CSMS Claims and Neighbors</h1>
</div>
<div class="map-container">
<iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe>
<iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True"></iframe>
<iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
<iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
</div>
<div class="buttons">
<button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>