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