Increase iframe dimensions by 20% and center them, update buttons to open links in new tabs

This commit is contained in:
Daniel LaForce 2024-08-02 16:01:04 -06:00
parent 87a0528689
commit c753c8beed
1 changed files with 6 additions and 6 deletions

View File

@ -23,15 +23,15 @@
.map-container {
width: 100%;
display: flex;
flex-direction: column; /* Change to column for vertical stacking */
align-items: center; /* Center the iframes horizontally */
flex-direction: column;
flex: 1;
align-items: center;
}
iframe {
width: 960px; /* 800px + 20% */
height: 720px; /* 600px + 20% */
border: none;
height: 60%; /* Adjust as necessary to fit within the viewport */
width: 960px; /* Adjust as necessary to fit within the viewport */
margin: 10px 0;
margin-bottom: 10px;
}
.buttons {
width: 100%;
@ -45,7 +45,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 || [];