Merge pull request #8 from WindowsM16a/fix/partners-responsive

fix: improve responsive layout for partners section

Author: bubunyo

src/components/PartnersSection.astro

@@ -51,28 +51,30 @@ const sortedPartners = [...partners].sort((a, b) => a.data.name.localeCompare(b.
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-start;
-    column-gap: 24px;
-    row-gap: 24px;
+    column-gap: clamp(12px, 3vw, 24px);
+    row-gap: clamp(12px, 3vw, 24px);
     list-style: none;
     margin: 0;
     padding: 0;
   }
 
-  .partner-item { flex: 0 0 auto; }
+  .partner-item { flex: 0 1 auto; }
 
   .partner-item a,
   .partner-item img {
     display: block;
   }
 
   .partner-item img {
-    height: 100px;
+    max-height: 100px;
+    max-width: 100%;
+    height: auto;
     width: auto;
     object-fit: contain;
   }
 
   .partner-item img.has-bg {
-    padding: 20px;
+    padding: clamp(8px, 2vw, 20px);
     border-radius: var(--r-md);
   }
 </style>