mobile layout fixes

inovex · Sep 29, 2023 · 96ec6af · 96ec6af
1 parent 37d6567
commit 96ec6af
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/components/Mobile.scss b/src/components/Mobile.scss
@@ -12,6 +12,7 @@
   max-height: 900px;
   background: #f2f6ffff;
   gap: 128px;
+  overflow-x: clip;
 }
 
 .mobile__image {
@@ -46,7 +47,6 @@
   width: 25%;
   max-width: 600px;
   margin-right: auto;
-  overflow-x: hidden;
 
   > h2,
   p {
@@ -72,6 +72,10 @@
     gap: 16px;
   }
 
+  .mobile__dots {
+    display: none;
+  }
+
   .mobile__image {
     width: 100%;
     justify-content: center;
@@ -88,7 +92,7 @@
 
   .mobile__text {
     margin: 0;
-    width: 100%;
+    width: 90%;
   }
 }
 

diff --git a/src/views/AboutUs/AboutUs.scss b/src/views/AboutUs/AboutUs.scss
@@ -118,7 +118,7 @@
     flex-direction: column;
     gap: 0;
     text-align: center;
-    padding: 64px 0 128px 0;
+    padding: 0 0 12vw 0;
     background-size: 100%;
     background-position: 100% 180%;
   }

diff --git a/src/views/ReachNewHeights/ReachNewHeights.scss b/src/views/ReachNewHeights/ReachNewHeights.scss
@@ -6,6 +6,7 @@
   background-size: cover;
   min-height: 1160px;
   padding: 120px 0 61px 0;
+  overflow: hidden;
 }
 
 .reach-new-heights__content {