From 22d12a8a204091a7d50b90cabcfe609c00cf8ff0 Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Tue, 6 Apr 2021 23:22:18 +0200
Subject: [PATCH] align width of footer to header

---
 components/footer.tsx | 40 +++++++++++++++++++++-------------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/components/footer.tsx b/components/footer.tsx
index 104c358..358c37b 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -4,26 +4,28 @@ import Logo from './logo'
 
 export default function Footer() {
   return (
-    <footer className="my-5 flex flex-col sm:flex-row px-4 sm:px-6">
-      <div className="flex-grow">
-        <Link href="/">
-          <a>
-            <Logo className="h-12 w-auto sm:h-14" />
-          </a>
-        </Link>
+    <footer>
+      <div className="flex flex-col sm:flex-row max-w-7xl mx-auto px-4 sm:px-6 my-5">
+        <div className="flex-grow">
+          <Link href="/">
+            <a>
+              <Logo className="h-12 w-auto sm:h-14" />
+            </a>
+          </Link>
+        </div>
+        <ul className="flex flex-col gap-2 sm:flex-row sm:items-end ">
+          <li>
+            <Link href="/privacy">
+              <a className="link">Datenschutzerklärung</a>
+            </Link>
+          </li>
+          <li>
+            <Link href="/impressum">
+              <a className="link">Impressum</a>
+            </Link>
+          </li>
+        </ul>
       </div>
-      <ul className="flex flex-col gap-2 sm:flex-row sm:items-end ">
-        <li>
-          <Link href="/privacy">
-            <a className="link">Datenschutzerklärung</a>
-          </Link>
-        </li>
-        <li>
-          <Link href="/impressum">
-            <a className="link">Impressum</a>
-          </Link>
-        </li>
-      </ul>
     </footer>
   )
 }