Dynamische Layoutänderung anhand der Bildschirmgröße

impressum.html

@@ -16,17 +16,17 @@
             als endgültig betrachtet werden.
         </p>
 
-        <div class="items-center container flex gap-16 justify-between max-w-screen-xl m-auto py-8">
+        <div class="items-center container flex gap-16 justify-between max-w-screen-xl m-auto p-8">
             <img class="max-w-32" src="images/logo-transparent.webp">
 
-            <nav class="flex gap-8 right-0">
+            <nav class="flex flex-wrap gap-x-8 gap-y-4 right-0">
                 <a href="index.html">Trocken- und Innenausbau</a>
                 <a href="impressum.html">Impressum</a>
             </nav>
         </div>
     </header>
 
-    <main class="container max-w-screen-xl mx-auto py-16">
+    <main class="container max-w-screen-xl mx-auto px-8 py-16">
         <h1>Impressum</h1>
 
         <div class="mb-8">