Update main.css

Anpassung der flexbox um inhalte besser zu skalieren

css/footer.css

@@ -1,5 +1,7 @@
 /* Footer‑Grundlayout */
 footer {
+    position: fixed;
+    bottom: 0;
     width: 100%;
     background: #333d43;
     text-align: center;

css/main.css

@@ -3,19 +3,12 @@ main {
     max-width:1200px;
     margin: 0 auto;
     padding: 20px;
-
-    width: 100%;
-    box-sizing: border-box;
 }
 
 body {
     background-color: #eef2f7;
     color: #1f2937;
     margin: 0;
-
-    min-height: 100vh;
-    display: grid;
-    grid-template-rows: auto 1fr auto; /* Header(auto), Inhalt (bekommt Rest), Footer(auto) */
 }
 
 a, button, input, select, textarea, label, main{
@@ -24,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;
 }
@@ -36,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 {

includes/footer.php

@@ -1,5 +1,5 @@
 <footer>
-    <a href="index.php?pfad=impressum">Impressum</a>
-    <a href="index.php?pfad=datenschutz">Datenschutz</a>
-    <a href="index.php?pfad=nutzungsbedingungen">Nutzungsbedingungen</a>
+    <a href="impressum.php">Impressum</a>
+    <a href="datenschutz.php">Datenschutz</a>
+    <a href="nutzungsbedingungen.php">Nutzungsbedingungen</a>
 </footer>

nutzungsbedingungen.php

@@ -10,10 +10,10 @@
     <meta name="description" content="EduForge">
     <meta name="author" content="Niklas Ortmann">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/x-icon" href="../images/logos/logo_icon.ico">
-    <link rel="stylesheet" href="../css/main.css">
-    <link rel="stylesheet" href="../css/navbar.css">
-    <link rel="stylesheet" href="../css/footer.css">
+    <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/navbar.css">
+    <link rel="stylesheet" href="css/footer.css">
     <title>EduForge</title>
 </head>