fix: adjust margins

ucsddesignco · Jun 2, 2024 · c0ca664 · c0ca664
1 parent 1cefe60
commit c0ca664
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/src/app/Home.scss b/src/app/Home.scss
@@ -36,8 +36,12 @@
       position: relative;
       background-color: $primary-white;
       scroll-snap-align: center;
+      padding-inline: 24px;
       padding-block: $main-padding-mobile-block;
-      padding-inline: $main-padding-mobile-inline;
+
+      @media (min-width: 350px) {
+        padding-inline: $main-padding-mobile-inline;
+      }
       overflow: hidden;
       @media (min-width: $mobile-breakpoint) {
         padding-block: $main-padding-desktop-block;

diff --git a/src/app/components/DesktopFruits/DesktopFruits.scss b/src/app/components/DesktopFruits/DesktopFruits.scss
@@ -4,7 +4,7 @@
   top: 0;
   width: 100%;
   height: calc(100vh * $num-pages);
-  z-index: 0;
+  z-index: 1;
   pointer-events: none;
   overflow-x: hidden;
   display: none;

diff --git a/src/app/components/MyAccordion/MyAccordion.scss b/src/app/components/MyAccordion/MyAccordion.scss
@@ -4,7 +4,7 @@
   flex-direction: column;
   overflow-y: hidden;
   overflow-x: hidden;
-  z-index: 1;
+  z-index: 2;
 
   .AccordionRoot {
     /* variables */

diff --git a/src/app/styles/variables.scss b/src/app/styles/variables.scss
@@ -20,9 +20,10 @@ $nav-width: clamp(250px, 200px + 11vw, 470px);
 
 // Spacing
 $main-padding-mobile-block: clamp(20px, 30px + 1.2vw, 40px);
-$main-padding-mobile-inline: clamp(20px, 18px + 5vw, 40px);
-$main-padding-desktop-block: clamp(40px, 22px + 1.7vw, 70px);
-$main-padding-desktop-inline: clamp(40px, 22px + 1.7vw, 70px);
+$main-padding-mobile-inline: clamp(22px, 24px + 5.5vw, 48px);
+
+$main-padding-desktop-block: clamp(52px, 40px + 2.7vw, 80px);
+$main-padding-desktop-inline: clamp(52px, 40px + 2.7vw, 80px);
 
 //Font Sizes
 $h1-size: clamp(26px, calc(24px + 0.46vw), 40px);