diff --git a/assets/sass/pages/homepage.scss b/assets/sass/pages/homepage.scss index 9675016..fc7b75a 100644 --- a/assets/sass/pages/homepage.scss +++ b/assets/sass/pages/homepage.scss @@ -34,7 +34,7 @@ } @include media-down(lg) { - padding-top: 50px; + padding-top: 130px; grid-template-columns: 1fr 1fr; } diff --git a/assets/sass/partials/_neon-sign.scss b/assets/sass/partials/_neon-sign.scss index edaf3f4..cc14dcd 100644 --- a/assets/sass/partials/_neon-sign.scss +++ b/assets/sass/partials/_neon-sign.scss @@ -11,8 +11,12 @@ .homepage-neon & { transform: rotate(-5deg); - width: 90%; - margin: auto; + margin-left: 50%; + transform: translateX(-50%); + overflow: hidden; + width: 100%; + height: 100vh; + position: absolute; @include media-up(lg) { position: absolute; @@ -20,6 +24,9 @@ left: 60%; transform: translateX(-50%) rotate(-10deg); z-index: 1; + margin-left: auto; + overflow: visible; + width: 50%; } }