From 1bf32dd076ab420d3fba96cd197c796db196a519 Mon Sep 17 00:00:00 2001 From: Do Siki Date: Sat, 12 Sep 2026 16:38:05 +0200 Subject: [PATCH] fix(web): arrange partner logos in a grid, max 3 per row MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit User request: the partner logos were laid out with flex-wrap, which doesn't align items into clean rows/columns. Switched to CSS grid (grid-cols-1 sm:grid-cols-2 md:grid-cols-3), so it never exceeds 3 columns regardless of viewport width or partner count. w-fit + mx-auto (not inline-grid + mx-auto) so the grid centers correctly even with fewer partners than 3 — auto margins don't center inline-level boxes, but do for block-level ones sized to their content. Verified live in the browser at 1200px width with 5 temporary test partners (reusing an existing Media doc, deleted after): renders as a 3-then-2 grid, centered, no console errors. Co-Authored-By: Claude Sonnet 5 --- proto/src/components/views/HomeView.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/proto/src/components/views/HomeView.tsx b/proto/src/components/views/HomeView.tsx index c405cc2..7b2e228 100755 --- a/proto/src/components/views/HomeView.tsx +++ b/proto/src/components/views/HomeView.tsx @@ -237,7 +237,13 @@ export default function HomeView({ content: pageContent, partners, locale }: Hom

{partnersCopy.subtitle}

-
+ {/* WHY grid + w-fit + mx-auto: a felhasználó kérésére valódi + mátrix (max 3 oszlop), nem folyó flex-wrap. `w-fit` zsugorítja + a rácsot a tényleges (legfeljebb 3 oszlopnyi) tartalom + szélességére, a `mx-auto` pedig ettől tudja középre venni — + sima `inline-grid`-en az auto margó nem középre igazítana, + mert az egy inline-szintű doboz. */} +
{partners.map((partner) => (