splash screen fix

This commit is contained in:
Hendrik Niefeld 2023-11-13 20:55:38 +01:00
parent d5a510e87c
commit 5d3654b046
2 changed files with 23 additions and 17 deletions

View File

@ -38,7 +38,7 @@ COLORS
LAYOUT LAYOUT
----------------------------------------------------*/ ----------------------------------------------------*/
.splashContent { .splashContent {
min-height: 86vh; min-height: calc(100vh -190px);
} }
.splashCta { .splashCta {
position: -webkit-sticky; position: -webkit-sticky;
@ -107,6 +107,12 @@ IMAGES
object-fit: none; object-fit: none;
} }
} }
@media only screen and (max-height: 650px) {
.imageCropSplash {
height: 192px;
object-fit: none;
}
}
.imageCrop { .imageCrop {
object-fit: none; object-fit: none;
} }

View File

@ -19,11 +19,11 @@
</div> </div>
<div class="splashCta bgColorWine"> <div class="splashCta bgColorWine">
<div class="flex justify-center pb5"> <div class="flex justify-center pb5">
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a> <a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a>
</div> </div>
</div> </div>
<!-- FOLD 1 --> <!-- FOLD 1 -->