Mobile Responsiveness

kompendium-ano · Nov 25, 2023 · 3432f96 · 3432f96
1 parent 66f1080
commit 3432f96
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -9,9 +9,13 @@
 </head>
 <body>
     <header class="bg-blue-600 text-white py-6 mb-6">
-        <div class="container mx-auto flex flex-col items-center sm:flex-row sm:justify-between text-center">
-            <h1 class="text-4xl font-bold header-title mb-2 sm:mb-0">Kompendium</h1>
-            <nav class="sm:text-right w-full sm:w-auto">
+        <div class="container mx-auto flex justify-center items-center">
+            <div class="text-center">
+                <h1 class="text-4xl font-bold header-title">Kompendium</h1>
+            </div>
+        </div>
+        <div class="container mx-auto mt-4 sm:mt-0 flex justify-center sm:justify-between">
+            <nav class="text-center sm:text-right">
                 <a href="https://github.com/kompendium-ano" class="hover:text-blue-300 mx-2">Solutions</a> |
                 <a href="mailto:[email protected]" class="hover:text-blue-300 mx-2">Contact Us</a>
             </nav>