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

fix: smartin3.de — responsive nav, prevent overflow on mobile

Browse Source
This commit is contained in:
m
2026-04-18 20:17:53 +02:00
parent 6480e72472
commit 075be054e9
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -56,14 +56,20 @@
backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border);
}
nav .container { display: flex; justify-content: space-between; align-items: center; }
.logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; font-weight: 600; }
nav .container { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.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; }
.logo .martin { color: var(--orange); }
.logo .three { color: var(--blue); font-weight: 700; }
.logo .d { color: var(--text); }
nav a { color: var(--text-dim); text-decoration: none; font-size: 0.85rem; transition: color 0.2s; }
.nav-links { display: flex; gap: 16px; align-items: center; flex-shrink: 0; }
nav a { color: var(--text-dim); text-decoration: none; font-size: 0.85rem; transition: color 0.2s; white-space: nowrap; }
nav a:hover { color: var(--text); }
@media (max-width: 480px) {
.nav-links { gap: 10px; }
nav a { font-size: 0.75rem; }
.logo { font-size: 0.95rem; }
}
/* Hero */
.hero {
@@ -333,7 +339,7 @@
<nav>
<div class="container">
<div class="logo"><span class="s">s</span><span class="martin">MARTIN</span> <span class="three">3</span><span class="d">D</span></div>
<div style="display:flex;gap:20px;align-items:center;">
<div class="nav-links">
<a href="https://www.instagram.com/smartin3d/" target="_blank" rel="noopener">Instagram</a>
<a href="#kontakt">Anfrage</a>
</div>