Make homepage hero fill the full viewport height
Prevents the next section from partially peeking in above the fold on first load, so it only appears once the visitor actually scrolls. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
parent
c308045cbf
commit
075a3d88fe
1 changed files with 1 additions and 1 deletions
|
|
@ -95,7 +95,7 @@ export default function Home() {
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
<section ref={heroRef} className="relative -mt-[89px] h-[85vh] min-h-[560px] overflow-hidden sm:-mt-[97px]">
|
<section ref={heroRef} className="relative -mt-[89px] h-dvh min-h-[560px] overflow-hidden sm:-mt-[97px]">
|
||||||
<motion.img
|
<motion.img
|
||||||
style={{ y: heroImageY }}
|
style={{ y: heroImageY }}
|
||||||
src={heroImage}
|
src={heroImage}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue