diff --git a/index.html b/index.html index 976a846..750ac7e 100644 --- a/index.html +++ b/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; } - +