From d5b0e9d261a574ecaecec024a9b77ade01f64887 Mon Sep 17 00:00:00 2001
From: Fred <wuvershayne@gmail.com>
Date: Sun, 31 May 2026 12:43:54 +0200
Subject: [PATCH] fix: improve responsive layout for partners section

---
 src/components/PartnersSection.astro | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/PartnersSection.astro b/src/components/PartnersSection.astro
index 2726357..acd9f8b 100644
--- a/src/components/PartnersSection.astro
+++ b/src/components/PartnersSection.astro
@@ -51,14 +51,14 @@ 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 {
@@ -66,13 +66,15 @@ const sortedPartners = [...partners].sort((a, b) => a.data.name.localeCompare(b.
   }
 
   .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>