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

fix: smartin3.de — remove container div from nav, flex directly on nav element

Browse Source
This commit is contained in:
m
2026-04-18 20:53:38 +02:00
parent 4a7aa31dc1
commit e2fc469957
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -51,12 +51,12 @@
/* Nav */
nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
padding: 20px 0;
padding: 20px 24px;
background: rgba(10, 10, 12, 0.8);
backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border);
display: flex; justify-content: space-between; align-items: center;
}
nav .container { display: flex; justify-content: space-between; align-items: center; max-width: 100%; padding: 0 24px; 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; }
.logo .martin { color: var(--orange); }
@@ -339,14 +339,12 @@
<body>
<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>
<button class="nav-toggle" onclick="document.querySelector('.nav-links').classList.toggle('open')" aria-label="Menu">☰</button>
<div class="nav-links">
<a href="https://www.instagram.com/smartin3d/" target="_blank" rel="noopener">Instagram</a>
<a href="https://www.etsy.com/shop/Smartin3de" target="_blank" rel="noopener">Etsy Shop</a>
<a href="#kontakt" onclick="document.querySelector('.nav-links').classList.remove('open')">Anfrage</a>
</div>
<div class="logo"><span class="s">s</span><span class="martin">MARTIN</span> <span class="three">3</span><span class="d">D</span></div>
<button class="nav-toggle" onclick="document.querySelector('.nav-links').classList.toggle('open')" aria-label="Menu">☰</button>
<div class="nav-links">
<a href="https://www.instagram.com/smartin3d/" target="_blank" rel="noopener">Instagram</a>
<a href="https://www.etsy.com/shop/Smartin3de" target="_blank" rel="noopener">Etsy Shop</a>
<a href="#kontakt" onclick="document.querySelector('.nav-links').classList.remove('open')">Anfrage</a>
</div>
</nav>