💄 Set max width and height

varianter · Dec 11, 2024 · 7b6dbc4 · 7b6dbc4
1 parent 6cd6498
commit 7b6dbc4
Showing 1 changed file with 4 additions and 38 deletions.
diff --git 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;
-    }
-  }
 }