Increase iframe dimensions by 20% and center them, update buttons to open links in new tabs
This commit is contained in:
parent
87a0528689
commit
c753c8beed
12
index.html
12
index.html
|
@ -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 || [];
|
||||
|
|
Loading…
Reference in New Issue