jeffemmett
/
tino-ardez-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: constrain offering card image heights, fix layout overflow
CI/CD / deploy (push) Failing after 34s Details 

Remove min-height: 300px from all images (caused massive overflow).
Only apply min-height to image wraps in grid context. Add max-height
constraints at responsive breakpoints to prevent images from
dominating the layout.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-04-13 16:23:08 -04:00
parent 60ca3b1a4f
commit 4a8a71d3c9
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
styles.css
View File

@ -709,14 +709,17 @@ p:last-child {
.offering-img-wrap {
overflow: hidden;
min-height: 300px;
}
.offering-card-image > .offering-img-wrap {
min-height: 250px;
}
.offering-img {
width: 100%;
height: 100%;
min-height: 300px;
object-fit: cover;
display: block;
}
/* Gallery layout for Fliegenfischen */
@ -732,7 +735,8 @@ p:last-child {
}
.offering-gallery .offering-img {
min-height: 150px;
min-height: 100px;
max-height: 200px;
}
/* Wertschätzung */
@ -1126,8 +1130,9 @@ p:last-child {
grid-template-columns: 1fr;
}
.offering-img-wrap {
max-height: 300px;
.offering-card-image > .offering-img-wrap {
min-height: 0;
max-height: 280px;
}
.contact-grid {