feat: made the text on landing responsive

ArkTechOrg · Aug 20, 2024 · cc2a5e7 · cc2a5e7
1 parent 072ecf5
commit cc2a5e7
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -15,7 +15,11 @@ const Home = () => {
               duration: 0.8,
               ease: "easeInOut",
             }}
-            className="text-center text-white text-6xl font-semibold font-manrope leading-[80px]"
+            className="text-center text-white font-semibold font-manrope leading-tight
+                      sm:text-3xl sm:leading-[40px]
+                      md:text-4xl md:leading-[50px]
+                      lg:text-5xl lg:leading-[60px]
+                      xl:text-6xl xl:leading-[70px]"
           >
             We appreciate your patience but<br />something really cool is coming soon!
           </motion.h1>