Skip to content

Commit e903564

Browse files
Fix hero gradient cutoff — let it flow into the page
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 213cdd1 commit e903564

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

src/pages/index.module.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@
99
.hero {
1010
padding: 7rem 0 3rem;
1111
position: relative;
12-
overflow: hidden;
1312
}
1413

1514
/* Animated gradient orbs */
@@ -104,7 +103,7 @@
104103
animation: fadeInUp 0.6s var(--ease-out-expo) 0.3s both;
105104
}
106105

107-
/* Decorative geometric triangle */
106+
/* Decorative geometric triangle — clip to page width */
108107
.heroDecor {
109108
position: absolute;
110109
top: -80px;
@@ -114,6 +113,7 @@
114113
opacity: 0.03;
115114
pointer-events: none;
116115
z-index: 0;
116+
clip-path: inset(0 0 0 -100vw);
117117
}
118118

119119
/* ----------------------------------------

0 commit comments

Comments
 (0)