Fix Footer

Author: w3bdesign

src/components/Footer/Footer.component.tsx

@@ -1,12 +1,16 @@
+import React from 'react';
+
 /**
  * Renders Footer of the application.
- * @function Layout
+ * @function Footer
  * @returns {JSX.Element} - Rendered component
  */
 const Footer = () => (
-  <footer className="hidden md:block w-full md:w-11/12 sm:mt-[14rem] sm:bottom-0 px-6 md:mb-2 mx-auto text-center bg-white border border-gray-300 rounded-lg shadow">
-    <div className="p-6">
-      Copyright &copy; {new Date().getFullYear()} Daniel / w3bdesign
+  <footer className="w-full bg-white">
+    <div className="container flex items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96">
+      <div className="text-gray-700">
+        Copyright &copy; {new Date().getFullYear()} Daniel / w3bdesign
+      </div>
     </div>
   </footer>
 );