fs/tsv08kulmbach-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Jugend-Bento: Abteilungsfoto mobil ungeschnitten (3:4 statt 16:10)

Browse Source 
Das hochkante Gruppenfoto (1000x1333) wurde auf dem Handy in eine
16:10-Querkachel gecovert und dadurch auf einen Mittelstreifen
zusammengeschnitten. Die Mobil-Kachel bekommt jetzt das echte 3:4-Format,
sodass object-fit: cover passgenau fuellt und niemand beschnitten wird.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WACMqwVB4JpPW5Wkz1Y1DU
This commit is contained in:
Felix Schneider
2026-09-01 08:53:39 +02:00
parent 0d80f69a76
commit b4d2cde149
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/assets/css/components.css
View File

@@ -4052,8 +4052,12 @@
"venue"
"stat";
}
/* Das Abteilungsfoto ist hochkant (1000×1333 = 3:4). Die Kachel bekommt
genau dieses Verhältnis, damit object-fit: cover es passgenau füllt und
niemand aus dem Gruppenfoto beschnitten wird (16/10 quer hatte hochkant
auf einen Mittelstreifen zusammengeschnitten). */
.intro-bento__image {
aspect-ratio: 16 / 10;
aspect-ratio: 3 / 4;
min-height: 0;
}
}