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;
|
justify-content: center;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
to bottom,
|
to bottom,
|
||||||
rgba(31, 58, 46, 0.55) 0%,
|
rgba(31, 58, 46, 0.4) 0%,
|
||||||
rgba(31, 58, 46, 0.7) 50%,
|
rgba(31, 58, 46, 0.55) 50%,
|
||||||
rgba(31, 58, 46, 0.8) 100%
|
rgba(31, 58, 46, 0.65) 100%
|
||||||
);
|
);
|
||||||
padding: calc(80px + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg);
|
padding: calc(80px + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg);
|
||||||
}
|
}
|
||||||
|
|
@ -709,11 +709,13 @@ p:last-child {
|
||||||
|
|
||||||
.offering-img-wrap {
|
.offering-img-wrap {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
min-height: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.offering-img {
|
.offering-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
min-height: 300px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -729,6 +731,10 @@ p:last-child {
|
||||||
grid-column: 1 / -1;
|
grid-column: 1 / -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.offering-gallery .offering-img {
|
||||||
|
min-height: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Wertschätzung */
|
/* Wertschätzung */
|
||||||
.wertschaetzung {
|
.wertschaetzung {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
|
|
@ -873,7 +879,7 @@ p:last-child {
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-overlay {
|
.contact-overlay {
|
||||||
background: rgba(31, 58, 46, 0.88);
|
background: rgba(31, 58, 46, 0.75);
|
||||||
padding: var(--spacing-xl) 0;
|
padding: var(--spacing-xl) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue