multiple css fixes

overwolf · Jul 16, 2024 · 04def67 · 04def67
1 parent e146061
commit 04def67
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 8 deletions.
diff --git a/src/components/comparison-table/index.scss b/src/components/comparison-table/index.scss
@@ -36,7 +36,7 @@
       flex-direction: row;
 
       @media (max-width: 966px) {
-        overflow-x: scroll;
+        // overflow-x: scroll;
         gap: 0;
 
         flex-basis: 100% !important;
@@ -64,6 +64,7 @@
         border: none;
         flex-basis: 100% !important;
         min-height: 68px;
+        padding-top: 28px;
       }
 
       &.comparison-title {

diff --git a/src/components/home-page/community/community.scss b/src/components/home-page/community/community.scss
@@ -19,7 +19,7 @@
     z-index: 1;
 
     @media (max-width: 1130px) {
-     padding: 0 16px;
+     padding: 0 var(--space-500);
     }
 
     svg {
@@ -126,11 +126,12 @@
       flex-direction: column-reverse;
       align-items: center;
       text-align: center;
+      padding-bottom: var(--space-800);
     }
 
     .assets {
       position: absolute;
-      top: 0;
+      top: -30px;
       right: -130px;
       width: 814px;
       height: 480px;

diff --git a/src/components/home-page/documentation/documentation.scss b/src/components/home-page/documentation/documentation.scss
@@ -5,7 +5,7 @@
   justify-content: center;
 
   @media (max-width: 600px) {
-    padding: var(--space-400) var(--space-600) var(--space-400);
+    padding: var(--space-800) var(--space-500);
   }
 
   h3 {

diff --git a/src/components/home-page/framework-comparison/framework-comparison.scss b/src/components/home-page/framework-comparison/framework-comparison.scss
@@ -6,7 +6,7 @@
   align-items: center;
 
   @media (max-width: 600px) {
-    padding: var(--space-400) 0;
+    padding: var(--space-800) 0;
   }
 
   h3 {
@@ -28,6 +28,10 @@
       font-size: var(--font-size-450);
       line-height: var(--font-line-height-700, 28px);
       margin: 0;
+
+      @media (max-width: 600px) {
+        padding-bottom: var(--space-600);
+      }
     }
   }
 }
diff --git a/src/components/home-page/hero/hero.scss b/src/components/home-page/hero/hero.scss
@@ -12,7 +12,7 @@
   row-gap: var(--space-600);
 
   @media (max-width: 1600px) {
-    padding: var(--space-800) 0px var(--space-600) 0px;
+    padding: var(--space-800) var(--space-500) var(--space-600) var(--space-500);
   }
 
   h1 {

diff --git a/src/components/home-page/services/services.scss b/src/components/home-page/services/services.scss
@@ -7,7 +7,7 @@
   padding-bottom: var(--space-1000);
 
   @media (max-width: 600px) {
-    padding-bottom: var(--space-400);
+    padding-bottom: var(--space-800);
   }
 
   .btn-secondary {
@@ -103,7 +103,7 @@
 
       .info {
         text-align: center;
-        padding: 0 var(--space-400);
+        padding: 0 var(--space-500);
 
         h2 {
           color: var(--color-neutral-128);