From 7b6dbc40d8d8af1414a6748cadc290efdc9de176 Mon Sep 17 00:00:00 2001
From: Petter Hohle <petter.hohle@gmail.com>
Date: Wed, 11 Dec 2024 09:12:36 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Set=20max=20width=20and=20height?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sections/logoSalad/logoSalad.module.css   | 42 ++-----------------
 1 file changed, 4 insertions(+), 38 deletions(-)

diff --git a/src/components/sections/logoSalad/logoSalad.module.css b/src/components/sections/logoSalad/logoSalad.module.css
index 0bdff0874..d9041216b 100644
--- a/src/components/sections/logoSalad/logoSalad.module.css
+++ b/src/components/sections/logoSalad/logoSalad.module.css
@@ -18,54 +18,20 @@
   padding: 0;
   margin: 0;
   list-style: none;
-  max-width: 40rem;
+  max-width: var(--max-content-width-large);
 
   display: flex;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
-  align-self: stretch;
   flex-wrap: wrap;
-  gap: 0.5rem;
-  margin-left: auto;
-  margin-right: auto;
+  gap: 2.25rem 5.625rem;
 
   & > li {
-    width: 4.5rem;
-    height: 2rem;
-    background-color: white;
-    border-radius: 0.45rem;
+    max-width: 15rem;
+    max-height: 4.5rem;
     overflow: hidden;
     padding: 0.5rem;
     object-fit: contain;
   }
-
-  @media (min-width: 640px) {
-    gap: 0.75rem;
-
-    & > li {
-      width: 5rem;
-      height: 2.5rem;
-      background-color: white;
-      border-radius: 0.45rem;
-      overflow: hidden;
-      padding: 0.5rem;
-      object-fit: contain;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    gap: 1rem;
-    max-width: 53rem;
-
-    & > li {
-      width: 7rem;
-      height: 3.5rem;
-      background-color: white;
-      border-radius: 0.45rem;
-      overflow: hidden;
-      padding: 0.5rem;
-      object-fit: contain;
-    }
-  }
 }