diff --git a/src/styles/KoreaMap.css b/src/styles/KoreaMap.css index 2aeb12637aa5e5dacef881cda9bb599763b592f7..a035c64f7dc438498ab0393f58d0925d31a1d745 100644 --- a/src/styles/KoreaMap.css +++ b/src/styles/KoreaMap.css @@ -2,11 +2,18 @@ width: 100%; max-width: 400px; margin: 0 auto; + height: calc(100vh - 400px); + min-height: 300px; + max-height: 600px; + display: flex; + flex-direction: column; + justify-content: center; } .korea-map-container svg { width: 100%; - height: auto; + height: 100%; + object-fit: contain; } .korea-map-container path { @@ -23,4 +30,11 @@ .korea-map-container path.selected { fill: #4a90e2; +} + +@media screen and (max-width: 768px) { + .korea-map-container { + height: calc(100vh - 400px); + min-height: 300px; + } } \ No newline at end of file diff --git a/src/styles/NewTrip.css b/src/styles/NewTrip.css index 0f86161c059d275b10a050e7e6a709dbc17596e8..92ce3588c304e8d7064535e91185007384d9f7fb 100644 --- a/src/styles/NewTrip.css +++ b/src/styles/NewTrip.css @@ -22,7 +22,6 @@ .destination-selection, .date-selection { - flex: 1; display: flex; flex-direction: column; gap: 20px;