Update

weaviate · Nov 14, 2024 · 23c6b83 · 23c6b83
1 parent 0e14780
commit 23c6b83
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 9 deletions.
diff --git a/src/components/Home/Redesign/Header/styles.module.scss b/src/components/Home/Redesign/Header/styles.module.scss
@@ -62,13 +62,14 @@
   @media screen and (max-width: 950px) {
     display: flex;
     flex-grow: 1;
-    overflow-x: hidden;
-    column-gap: 20px;
+
+    gap: 20px;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     min-width: 330px;
+    margin-bottom: 20px;
   }
 
   @keyframes scrollSideCustomers {
@@ -190,6 +191,9 @@
   @media screen and (max-width: 950px) {
     margin-bottom: 33px;
   }
+  @media screen and (max-width: 600px) {
+    margin-bottom: 0;
+  }
 }
 
 .innerBar > p {
@@ -260,7 +264,7 @@
   background-position: center;
 
   width: 8rem;
-  height: 6rem;
+  height: 5rem;
 }
 .redbull {
   background-image: url('/img/site/redbull-hp-logo.svg');

diff --git a/src/components/Home/Redesign/IntegrationsUpdate/styles.module.scss b/src/components/Home/Redesign/IntegrationsUpdate/styles.module.scss
@@ -86,6 +86,15 @@
     align-items: center;
     scroll-snap-align: center;
     margin: 0 10px;
+
+    @media screen and (max-width: 500px) {
+      width: 12.375rem;
+    }
+
+    @media screen and (max-width: 400px) {
+      width: 8.375rem;
+      height: 4.9375rem;
+    }
   }
 
   .inside {

diff --git a/src/components/Home/Redesign/IntegrationsUpdate/stylesv2.module.scss b/src/components/Home/Redesign/IntegrationsUpdate/stylesv2.module.scss
@@ -57,8 +57,8 @@
   right: 0;
   top: 0;
 
-  @media screen and (max-width: 500px) {
-    opacity: 0.8;
+  @media screen and (max-width: 600px) {
+    opacity: 0.5;
   }
 }
 
@@ -96,8 +96,13 @@
     justify-content: center;
     align-content: center;
 
-    @media screen and (max-width: 500px) {
-      width: 10.375rem;
+    @media screen and (max-width: 600px) {
+      width: 12.375rem;
+    }
+
+    @media screen and (max-width: 400px) {
+      width: 8.375rem;
+      height: 4.9375rem;
     }
   }
 
@@ -198,7 +203,7 @@
   }
 
   .buttonDark {
-    width: 11.1875rem;
+    width: 12.1875rem;
     height: 3.125rem;
     flex-shrink: 0;
     border-radius: 0.375rem;

diff --git a/src/components/Home/Redesign/IntegrationsUpdate/v2.jsx b/src/components/Home/Redesign/IntegrationsUpdate/v2.jsx
@@ -6,7 +6,6 @@ import JoinCommunity from '../JoinCommunityUpdate';
 import partners from '/data/partners.json';
 
 export default function HomepageIntegrations() {
-  // Filter the featured partners
   const featuredPartners = partners.filter((partner) => partner.featured);
 
   return (