joh/AdvisoryBoardMeeting_june2026
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

deck: slide 4 — explicit horizontal margin on each supporter logo

Browse source 
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) <noreply@anthropic.com>
This commit is contained in:
Jonathan Hvid 2026-06-18 16:01:58 +02:00
parent 7240e4bdc5
commit 1ee98e9ee8
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/css/deck.css
View file

@ -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);