Skip to content

Commit 28408bc

Browse files
fix: prevent horizontal scrollbar overflow at 100% zoom
Add overflow-x: hidden on html/body, overflow: hidden on .container, reduce hero-split gap from 56px to 40px, and add min-width: 0 on hero-action-card to allow grid children to shrink below intrinsic content width (long curl command text). Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-opencode) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
1 parent 0a3fe3d commit 28408bc

File tree

2 files changed

+7
-1
lines changed

2 files changed

+7
-1
lines changed

src/routes/+layout.svelte

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,10 @@
1919
box-sizing: border-box;
2020
}
2121
22+
:global(html, body) {
23+
overflow-x: hidden;
24+
}
25+
2226
:global(body) {
2327
font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
2428
background: var(--bg-primary);

src/routes/+page.svelte

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -282,6 +282,7 @@
282282
max-width: 1200px;
283283
margin: 0 auto;
284284
padding: 0 24px;
285+
overflow: hidden;
285286
}
286287
287288
/* ── Header ─────────────────────────────────────────── */
@@ -339,7 +340,7 @@
339340
.hero-split {
340341
display: grid;
341342
grid-template-columns: 1fr 1fr;
342-
gap: 56px;
343+
gap: 40px;
343344
align-items: center;
344345
}
345346
@@ -588,6 +589,7 @@
588589
flex-direction: column;
589590
gap: 12px;
590591
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
592+
min-width: 0;
591593
}
592594
593595
.hero-action-card:hover {

0 commit comments

Comments
 (0)