[style]: align footer text #504

* fixes alignment issue in footer * changed footer flex direction to column --------- Co-authored-by: Priyankar Pal <[email protected]>
priyankarpal · May 22, 2023 · 988c58d · 988c58d · vercel · May 22, 2023
1 parent ed06c37
commit 988c58d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -20,18 +20,18 @@ export default function Footer() {
         </div>
 
         <div
-          className="pt-8 mt-16 border-t flex gap-3 border-gray-100 dark:border-gray-800 justify-center lg:mt-24"
+          className="pt-8 mt-16 border-t flex flex-col gap-3 border-gray-100 dark:border-gray-800 justify-center lg:mt-24"
           style={{ borderColor: theme.color }}
         >
           <a
             href="https://github.com/priyankarpal/ProjectsHut/blob/main/LICENSE"
             target="_blank"
-            className="text-white"
+            className="text-white text-center"
             style={{ color: theme.color }}
           >
             Under MIT License
           </a>
-          <p className="max-w-md mx-auto mt-4 text-gray-400">
+          <p className="max-w-md mx-auto text-gray-400 text-center">
             Copyright &copy; {getCurrentYear()} by ProjectsHut. All right reserved.
           </p>
         </div>