chore: adjust spacing around the blur ellipse image in the FooterCTA

tigawanna · Dec 11, 2024 · 0d92f98 · 0d92f98
1 parent d379ea8
commit 0d92f98
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/routes/-components/Footer.tsx b/src/routes/-components/Footer.tsx
@@ -5,7 +5,7 @@ import { Link } from "@tanstack/react-router";
 
 export default function Footer() {
   return (
-    <footer className="mt-8 pl-4" data-test="Footer">
+    <footer className="mt-8 pl-4 md:mt-48 lg:mt-96" data-test="Footer">
       <div className="flex flex-col md:flex-row md:items-center md:justify-between lg:justify-around">
         <div className="flex items-center justify-start gap-4">
           {/* Social Icons */}

diff --git a/src/routes/-components/FooterCTA.tsx b/src/routes/-components/FooterCTA.tsx
@@ -6,7 +6,7 @@ export const FooterCTA = () => {
   return (
     <div
       data-test="FooterCTA"
-      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]"
+      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 md:p-10 lg:flex lg:flex-row lg:pl-[20%]"
     >
       <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
         <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">