Fix top nav links hidden on mobile

[jkyberneees]

Problem

On mobile (≤768px) the navigation hid every top link except the "Follow →" CTA via:

.nav-links a:not(.nav-cta) { display: none; }

There was no hamburger/menu fallback, so links like Projects, Blog, Publications, GitHub and contact simply disappeared on phones. These are the live styles served from assets.21no.de and loaded by the website's index.html.

Fix

Replaced the "hide the links" approach with a pure-CSS responsive layout (no JS) that keeps the links visible by wrapping them onto their own centered row:

• Removed the display: none rule from css/base.css.
• Added responsive nav rules to css/nav.css (their proper home):

@media (max-width: 768px) {
  .nav-inner { flex-wrap: wrap; height: auto; padding: 10px 16px; row-gap: 10px; }
  .nav-links { width: 100%; flex-wrap: wrap; justify-content: center; gap: 12px 18px; }
}

Notes

Verified by inspection (standard flex-wrap pattern); no browser was available in the environment to render a screenshot.

https://claude.ai/code/session_01AN6FEfBhNJD21Xq2kr5Jr9

---

Generated by Claude Code