Better responsive design

2026-03-22 11:08:47 +01:00
parent 12a39bf8b4
commit 6654e4b954
4 changed files with 152 additions and 43 deletions
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -7,7 +7,7 @@ import Logo from "../assets/logo.svg";
  <div class="nav-content">
    <a href="/" class="logo">
      <Logo class="logo-img" />
-      c0ntroller.de
+      <span class="logo-text">c0ntroller.de</span>
    </a>
    <div class="links">
      <a
@@ -83,4 +83,13 @@ import Logo from "../assets/logo.svg";
    color: rgb(var(--accent-base));
    font-weight: 600;
  }
+
+  @media (max-width: 500px) {
+    .logo-text {
+      display: none;
+    }
+    .links {
+      gap: 1rem;
+    }
+  }
 </style>