m/onepager
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: smartin3.de — prevent horizontal overflow from hero gradient on mobile

Browse Source
This commit is contained in:
m
2026-04-18 20:57:53 +02:00
parent e2fc469957
commit 52758c94a8
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
sites/smartin3.de/index.html
View File

@@ -26,7 +26,7 @@
--blue-glow: rgba(56, 189, 248, 0.15);
}
html { scroll-behavior: smooth; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
font-family: 'Inter', sans-serif;
@@ -56,6 +56,7 @@
backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border);
display: flex; justify-content: space-between; align-items: center;
max-width: 100vw; box-sizing: border-box;
}
.logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; font-weight: 600; white-space: nowrap; }
.logo .s { color: var(--text-dim); font-weight: 300; text-transform: lowercase; }
@@ -85,7 +86,7 @@
position: absolute;
top: 60px; left: 50%;
transform: translateX(-50%);
width: 700px; height: 500px;
width: min(700px, 100vw); height: 500px;
background:
radial-gradient(ellipse at 40% 50%, var(--orange-glow) 0%, transparent 60%),
radial-gradient(ellipse at 60% 40%, var(--blue-glow) 0%, transparent 60%);