align width of footer to header

components/footer.tsx

@@ -4,7 +4,8 @@ import Logo from './logo'
 
 export default function Footer() {
   return (
-    <footer className="my-5 flex flex-col sm:flex-row px-4 sm:px-6">
+    <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>
@@ -24,6 +25,7 @@ export default function Footer() {
             </Link>
           </li>
         </ul>
+      </div>
     </footer>
   )
 }