fix: make all images visible - add min-height to offering cards, lighten overlays
CI/CD / deploy (push) Failing after 35s
Details
CI/CD / deploy (push) Failing after 35s
Details
Offering card images had height:100% with no intrinsic height causing them to collapse to zero. Hero and contact background overlays were too dark to see the photographs behind them. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
fd5133989a
commit
00da582240
14
styles.css
14
styles.css
|
|
@ -307,9 +307,9 @@ p:last-child {
|
|||
justify-content: center;
|
||||
background: linear-gradient(
|
||||
to bottom,
|
||||
rgba(31, 58, 46, 0.55) 0%,
|
||||
rgba(31, 58, 46, 0.7) 50%,
|
||||
rgba(31, 58, 46, 0.8) 100%
|
||||
rgba(31, 58, 46, 0.4) 0%,
|
||||
rgba(31, 58, 46, 0.55) 50%,
|
||||
rgba(31, 58, 46, 0.65) 100%
|
||||
);
|
||||
padding: calc(80px + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg);
|
||||
}
|
||||
|
|
@ -709,11 +709,13 @@ p:last-child {
|
|||
|
||||
.offering-img-wrap {
|
||||
overflow: hidden;
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
.offering-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 300px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
|
|
@ -729,6 +731,10 @@ p:last-child {
|
|||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.offering-gallery .offering-img {
|
||||
min-height: 150px;
|
||||
}
|
||||
|
||||
/* Wertschätzung */
|
||||
.wertschaetzung {
|
||||
max-width: 700px;
|
||||
|
|
@ -873,7 +879,7 @@ p:last-child {
|
|||
}
|
||||
|
||||
.contact-overlay {
|
||||
background: rgba(31, 58, 46, 0.88);
|
||||
background: rgba(31, 58, 46, 0.75);
|
||||
padding: var(--spacing-xl) 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue