Center the landing hero copy in the viewport.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
parent
2d0c0fe0eb
commit
8dc07f6de1
@ -126,9 +126,9 @@ h3,
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
min-height: 100dvh;
|
min-height: 100dvh;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: center;
|
||||||
padding: 6.75rem 1.5rem 3rem;
|
padding: 6.5rem 1.5rem 5rem;
|
||||||
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.22) 38%, transparent 70%);
|
background: radial-gradient(ellipse at 28% 42%, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.18) 55%, transparent 78%);
|
||||||
opacity: calc(1 - min(1, var(--scrub, 0) * 2.6));
|
opacity: calc(1 - min(1, var(--scrub, 0) * 2.6));
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -138,7 +138,7 @@ h3,
|
|||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.hero-copy {
|
.hero-copy {
|
||||||
padding: 7.5rem 4rem 4rem;
|
padding: 7rem 4rem 5.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user