Merge pull request #18 from SharmaDhruv2511/sharmadhruv/fixfooter

Fix: Footer Alignment
harmeetsingh11 · Jan 21, 2024 · dbd06b6 · dbd06b6
2 parents fe3e4f4 + c6cba52
commit dbd06b6
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -3,12 +3,12 @@ import React from 'react'
 const Footer = () => {
   return (
 <footer className="bg-white dark:bg-gray-900" id="footer">
-    <div className="mx-auto w-full max-w-screen-xl">
+    <div className="mx-auto w-full">
 
-    <div className="px-4 py-6 bg-gray-100 dark:bg-gray-700 md:flex md:items-center md:justify-between w-full max-w-screen-xl">
-        <span className="text-md text-gray-500 dark:text-gray-300 sm:text-center">Made with ♥  by <a href="https://github.com/harmeetsingh11" target="_blank">Harmeet Singh</a>
+    <div className="px-4 py-6 bg-gray-100 dark:bg-gray-700 md:flex md:items-center md:justify-between w-full">
+        <span className="text-md text-gray-500 dark:text-gray-300 sm:text-center px-4">Made with ♥  by <a href="https://github.com/harmeetsingh11" target="_blank">Harmeet Singh</a>
         </span>
-        <div className="flex mt-4 sm:justify-center md:mt-0 space-x-5 rtl:space-x-reverse">
+        <div className="flex mt-4 px-6 sm:justify-center md:mt-0 space-x-5 rtl:space-x-reverse">
 
 
               <a href="https://twitter.com/ImHarmeet_Singh" target="_blank" className="text-gray-400 hover:text-gray-900 dark:hover:text-white">