From 0d17fa0a82fe8033d198b0cef1da4a4630bfdaed Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 14 May 2024 17:01:30 +0200 Subject: [PATCH] enhancing responsiveness --- .../css/components/layout/Page-container.scss | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/src/assets/css/components/layout/Page-container.scss b/src/assets/css/components/layout/Page-container.scss index b0e47be..d207f01 100644 --- a/src/assets/css/components/layout/Page-container.scss +++ b/src/assets/css/components/layout/Page-container.scss @@ -15,7 +15,7 @@ // height: 100vh; // @apply overflow-x-hidden overflow-y-auto; overflow: hidden; - @apply pb-44 pt-10 xl:pb-0 xl:pt-0; + @apply pb-44 xl:pb-0 xl:pt-0; @screen md { height: calc(99.8dvh - $margin * 2); @@ -24,10 +24,15 @@ } &__content { - @apply text-center pb-8 md:pb-0 pt-12 px-2 md:px-16 w-fit mx-auto h-auto overflow-visible relative; + @apply text-center pb-8 mt-28 md:mt-0 md:pb-0 pt-12 md:pt-12 px-2 md:px-16 w-fit mx-auto h-auto overflow-visible relative; + background-image: url("../../../img/shapes-background/mask.svg"); - background-position: center; - background-size: cover; + background-size: auto 100%; + background-position: 90% top; + @screen md { + background-position: center; + } + background-repeat: no-repeat; box-sizing: border-box; max-width: 90%; // padding-bottom: -100px;