footer layout for mobile #434

RamakrushnaBiswal · Nov 4, 2024 · f2d8f0d · f2d8f0d
1 parent 1dd4674
commit f2d8f0d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/src/components/Shared/footer/Content.jsx b/frontend/src/components/Shared/footer/Content.jsx
@@ -6,7 +6,7 @@ import Google from './Google';
 
 export default function Content() {
   return (
-    <div className="flex flex-col md:flex-row h-full justify-between px-6 md:px-12 py-8 w-full items-center md:items-start">
+    <div className="flex flex-col md:flex-row h-full justify-between md:px-12 py-8 w-full items-center md:items-start">
       {/* Left side containing Nav and Section2 */}
       <div className="flex flex-col w-full md:w-2/3">
         <Nav />
@@ -167,7 +167,7 @@ const Nav = () => {
   const emailAddress = '[email protected]';
 
   return (
-    <div className="flex md:flex-row flex-col shrink-0 gap-4 sm:gap-20 ml-[30px] ">
+    <div className="flex md:flex-row flex-col shrink-0 gap-4 sm:gap-20 mx-[40px] md:ml-[30px] md:mr-0">
       <div className="flex justify-between md:gap-20">
         <div className="flex flex-col gap-2 text-black dark:text-white">
           <h3 className="mb-2 uppercase text-black dark:text-white cursor-pointer">About</h3>
@@ -199,7 +199,7 @@ const Nav = () => {
         </div>
       </div>
 
-      <div className="flex flex-col text-black dark:text-white">
+      <div className="flex flex-col text-black dark:text-white items-center md:items-start pb-8">
         <h3 className="mb-2 uppercase text-black dark:text-white cursor-pointer">Contact Us</h3>
         <a
           href={`mailto:${emailAddress}`}