clients/web: adjust hero on phone

polarsource · Aug 15, 2024 · 4775359 · 4775359
1 parent 66d8e00
commit 4775359
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/clients/apps/web/src/components/Landing/Hero/Hero.tsx b/clients/apps/web/src/components/Landing/Hero/Hero.tsx
@@ -12,7 +12,7 @@ export const Hero = () => {
     >
       <div className="relative z-20 flex w-full flex-col items-center gap-y-12 text-center xl:w-2/3">
         <div className="z-20 flex flex-col items-center gap-y-12">
-          <h1 className="text-5xl leading-snug text-gray-950 md:text-7xl md:leading-tight dark:text-white">
+          <h1 className="text-4xl leading-snug text-gray-950 md:text-7xl md:leading-tight dark:text-white">
             The best monetization platform for developers
           </h1>
           <div className="flex flex-col items-center gap-y-4 xl:w-2/3">

diff --git a/clients/apps/web/src/components/Landing/Monetization.tsx b/clients/apps/web/src/components/Landing/Monetization.tsx
@@ -115,7 +115,7 @@ export const Monetization = () => {
     <>
       <div className="flex flex-col items-center gap-y-24 md:gap-y-32">
         <motion.div
-          className="relative flex flex-col items-center gap-y-6"
+          className="relative flex flex-col items-center gap-y-6 text-center"
           initial={{ opacity: 0 }}
           whileInView={{ opacity: 1, transition: { duration: 2 } }}
         >