Improve footer styling (WIP)

Marjona6 · Apr 20, 2024 · 1d40bbc · 1d40bbc
1 parent 2bae6b1
commit 1d40bbc
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/pages/layout.tsx b/pages/layout.tsx
@@ -14,9 +14,9 @@ const Layout = ({ children }) => {
 
   return (
     <>
-      {children}
-      <div className="absolute bg-gray-300 h-[200px] w-screen ml-[-40px] bottom-0 px-10 pb-10">
-        <div className="flex gap-x-10 absolute bottom-10">
+      <div className="mb-[240px]">{children}</div>
+      <div className="absolute bg-gray-300 h-[200px] w-screen bottom-0 left-0 px-6 md:px-10 pb-10">
+        <div className="flex md:gap-x-10 justify-between md:justify-start absolute bottom-10 text-sm">
           <div>Copyright ©2024 FULFIL</div>
           <Link to="/legal-and-privacy" className="underline">
             Legal and Privacy Information