diff --git a/src/style/molecules/_house.scss b/src/style/molecules/_house.scss index 38d4c75..4e8e54c 100644 --- a/src/style/molecules/_house.scss +++ b/src/style/molecules/_house.scss @@ -161,6 +161,7 @@ user-select: none; @include bp (sm) { + --offset: 1.75vw; position: relative; grid-column: 19 / span 6; grid-row: 1; @@ -168,14 +169,17 @@ bottom: auto; right: auto; align-self: center; - background: none; text-align: left; + transform: translate3d(var(--offset), 0, 0); + } + @include bp (fhd) { + --offset: 2.5vw; } // Specific cases &.has-one-start { @include bp (sm) { - transform: translate3d(15%, 0, 0); + transform: translate3d(calc(15% + var(--offset)), 0, 0); } } } @@ -203,12 +207,13 @@ @include bp (sm) { grid-column-start: 1; text-align: right; + transform: translate3d(calc(-1 * var(--offset)), 0, 0); } // Specific cases &.has-one-start { @include bp (sm) { - transform: translate3d(-8%, 0, 0); + transform: translate3d(calc(-8% - var(--offset)), 0, 0); } } }