Update main.css

Anpassung der flexbox um inhalte besser zu skalieren

css/main.css

@@ -17,7 +17,8 @@ a, button, input, select, textarea, label, main{
 
 .flexbox {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
+    flex-wrap: wrap;
     gap: 20px;
     margin-top: 30px;
 }
@@ -29,6 +30,7 @@ a, button, input, select, textarea, label, main{
     border: 1px solid #dbe3ec;
     box-shadow: 0 4px 12px rgba(0,0,0,0.08);
     transition: transform 0.2s, box-shadow 0.2s;
+    flex: 1 1 300px;
 }
 
 .container:hover {

css/navbar.css

@@ -227,9 +227,6 @@ CSS für die navbar
         padding: 2rem 1rem;
         box-shadow: 2px 0 10px rgba(0,0,0,0.5);
         overflow-y: auto;
-        
-        /* Genug Abstand oben rechts, damit Links nicht hinter dem X liegen */
-        padding: 4rem 1.5rem 2rem 1.5rem;
     }
 
     .nav__checkbox:checked ~ .nav__mobile-menu {
@@ -240,18 +237,6 @@ CSS für die navbar
         left: 0;
     }
 
-    .nav__close-btn {
-        position: absolute;
-        top: 1rem;
-        right: 1.5rem;
-        font-size: 2rem;
-        color: #fff;
-        cursor: pointer;
-        line-height: 1;
-        user-select: none;
-        transition: color 0.2s ease, transform 0.2s ease;
-    }
-
     .nav__mobile-menu a {
         color: #fff;
         text-decoration: none;

includes/navbar.php

@@ -15,9 +15,6 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
     </label>
 
     <ul id="mobile-nav" class="nav__mobile-menu">
-        <li>
-            <label for="nav-toggle" class="nav__close-btn">&times;</label>
-        </li>
         <li><a href="index.php?pfad=profile">Profil</a></li>
         <li><a href="index.php?pfad=login">Anmelden</a></li>
         <li><a href="index.php?pfad=register">Registrieren</a></li>