KeyArgo
/
csms-claims-and-neighbors
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update iframes to be 20% wider and taller, center them, and ensure buttons open links in new tabs

This commit is contained in:
Daniel LaForce 2024-08-02 15:57:36 -06:00
parent 79e2b123ab
commit 87a0528689
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@ -28,11 +28,10 @@
flex: 1;
}
iframe {
flex: 1;
border: none;
height: 55vh; /* Increase height by 10% */
width: 800px; /* Set fixed width */
max-width: 100%; /* Ensure it doesn't overflow on smaller screens */
height: 60%; /* Adjust as necessary to fit within the viewport */
width: 960px; /* Adjust as necessary to fit within the viewport */
margin: 10px 0;
}
.buttons {
width: 100%;
@ -60,8 +59,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" 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>
<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>
</div>
<div class="buttons">
<button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>