From b4d2cde149aa6130f72cd3a33c5c5169910483b2 Mon Sep 17 00:00:00 2001 From: fs Date: Tue, 1 Sep 2026 08:53:39 +0200 Subject: [PATCH] Jugend-Bento: Abteilungsfoto mobil ungeschnitten (3:4 statt 16:10) 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 Claude-Session: https://claude.ai/code/session_01WACMqwVB4JpPW5Wkz1Y1DU --- public/assets/css/components.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/public/assets/css/components.css b/public/assets/css/components.css index 4adc914..5457dbc 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -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; } }