Merge pull request #1312 from w3bdesign/develop

Fix Footer width

Author: w3bdesign

src/components/Footer/Footer.component.tsx

@@ -1,12 +1,14 @@
 /**
  * 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="bg-white mb-4">
+    <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 border border-gray-200 rounded">
+      <div className="text-gray-600 mx-auto">
+        &copy; {new Date().getFullYear()} Daniel / w3bdesign
+      </div>
     </div>
   </footer>
 );