splash screen fix 3 #10
@ -38,7 +38,7 @@ COLORS
|
|||||||
LAYOUT
|
LAYOUT
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
.splashContent {
|
.splashContent {
|
||||||
min-height: calc(100vh -190px);
|
min-height: calc(100vh- 4rem);
|
||||||
}
|
}
|
||||||
.splashCta {
|
.splashCta {
|
||||||
position: -webkit-sticky;
|
position: -webkit-sticky;
|
||||||
@ -101,13 +101,13 @@ IMAGES
|
|||||||
height: 448px;
|
height: 448px;
|
||||||
object-fit: none;
|
object-fit: none;
|
||||||
}
|
}
|
||||||
@media only screen and (max-height: 800px) {
|
@media only screen and (max-height: 850px) {
|
||||||
.imageCropSplash {
|
.imageCropSplash {
|
||||||
height: 320px;
|
height: 320px;
|
||||||
object-fit: none;
|
object-fit: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media only screen and (max-height: 650px) {
|
@media only screen and (max-height: 700px) {
|
||||||
.imageCropSplash {
|
.imageCropSplash {
|
||||||
height: 192px;
|
height: 192px;
|
||||||
object-fit: none;
|
object-fit: none;
|
||||||
|
@ -17,14 +17,14 @@
|
|||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
<div class="bgColorWine">
|
||||||
|
<div class="flex justify-center pv5">
|
||||||
<div class="splashCta bgColorWine">
|
|
||||||
<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>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- FOLD 1 -->
|
<!-- FOLD 1 -->
|
||||||
|
|
||||||
<div class="w-100 colorWine bgColorOrange">
|
<div class="w-100 colorWine bgColorOrange">
|
||||||
|
Loading…
Reference in New Issue
Block a user