From 1ee98e9ee8fc849b1dcac99ffbc435a4a11d13dc Mon Sep 17 00:00:00 2001 From: Jonathan Hvid Date: Thu, 18 Jun 2026 16:01:58 +0200 Subject: [PATCH] =?UTF-8?q?deck:=20slide=204=20=E2=80=94=20explicit=20hori?= =?UTF-8?q?zontal=20margin=20on=20each=20supporter=20logo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Add a per-logo margin-inline so every mark carries its own breathing room and the outer logos no longer hug the screen edges. Fix the flex-wrap so the row stays on one line (the later .partner-row rule was overriding nowrap). Co-Authored-By: Claude Opus 4.8 (1M context) --- assets/css/deck.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/assets/css/deck.css b/assets/css/deck.css index c9cb250..d6163d2 100644 --- a/assets/css/deck.css +++ b/assets/css/deck.css @@ -559,14 +559,16 @@ img { display: block; max-width: 100%; } size adjustments. Innovationsfonden is the largest footprint, BII and Datatilsynet held back. (Innovationsfonden's PNG is cropped tight so its height reads true.) */ -/* Spread the logos across the full width — Innovationsfonden hard left, - DCAI hard right, the rest evenly spaced between. */ -.mission-logos { +/* Spread across the full width, with an explicit horizontal margin on + every logo so each one carries its own breathing room (and the outer + marks no longer hug the screen edges). */ +.partner-row.mission-logos { width: 100%; flex-wrap: nowrap; justify-content: space-between; - gap: clamp(1rem, 2.5vw, 2.5rem); + gap: 0; } +.mission-logos .partner-logo { margin-inline: clamp(0.5rem, 1.4vw, 1.7rem); } .mission-logos .partner-logo img { height: clamp(34px, 4vw, 48px); max-width: clamp(140px, 18vw, 230px);