diff --git a/src/routes/location/[country]/[place].svelte b/src/routes/location/[country]/[place].svelte index b7205f9..cacc45b 100644 --- a/src/routes/location/[country]/[place].svelte +++ b/src/routes/location/[country]/[place].svelte @@ -103,7 +103,7 @@

- + Houses of diff --git a/src/style/pages/_place.scss b/src/style/pages/_place.scss index 2f9fa6d..d801f65 100644 --- a/src/style/pages/_place.scss +++ b/src/style/pages/_place.scss @@ -30,6 +30,7 @@ } h1 { + --offset: #{pxVW(72)}; position: relative; z-index: 2; text-align: center; @@ -39,17 +40,21 @@ .anim-translate { display: inline-block; } - } - - &_bottom { - text-align: right; - margin-left: pxVW(128); @include breakpoint (xl) { - margin-left: 128px; + --offset: 72px; } } + &_top { + margin-left: calc(-1 * var(--offset)); + text-align: left; + } + &_bottom { + text-align: right; + margin-left: var(--offset); + } + // Switcher button .button-control { z-index: 1;