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: 100dvh;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
padding: 6.75rem 1.5rem 3rem;
|
||||
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.22) 38%, transparent 70%);
|
||||
justify-content: center;
|
||||
padding: 6.5rem 1.5rem 5rem;
|
||||
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));
|
||||
}
|
||||
|
||||
@ -138,7 +138,7 @@ h3,
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.hero-copy {
|
||||
padding: 7.5rem 4rem 4rem;
|
||||
padding: 7rem 4rem 5.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user