fixed stategy

src/components/Strategy/ProgressMetrics.tsx

@@ -1,5 +1,4 @@
 import MetricCard from "../shared/MetricCard"
-
 import { Stepper } from "../shared/Stepper"
 import Preplextiy from "../../assets/icons/perplextiy.svg"
 import ChatGPT from "../../assets/icons/gpt.svg"
@@ -7,7 +6,6 @@ import Gemini from "../../assets/icons/gemini2.svg"
 import Google from "../../assets/icons/google-original-logo.svg"
 import Map from "../../assets/icons/maps.svg"
 
-
 function ProgressMetrics() {
 
     return (
@@ -33,13 +31,13 @@ function ProgressMetrics() {
                 <div className="flex items-center md:w-1/3 w-full md:border-r-2 border-0 border-solid border-gray-300 md:pr-10 pr-0">
                     {/* 60% Progress */}
                     <div className="w-[100%]">
-                        <div className="flex items-center justify-between">
+                        <div className="flex items-center justify-between mb-1">
-                            <div className="text-lg 3xl:text-4xl font-bold text-gray-900 mb-1">60%</div>
+                            <div className="text-xl 2xl:text-3xl font-bold text-gray-900">60%</div>
-                            <div className="text-md 3xl:text-3xl font-bold text-gray-900 mb-1">120/250 <span className="text-gray-500">links</span></div>
+                            <div className="text-xl 2xl:text-3xl font-bold text-gray-900">120/250 <span className="text-gray-500 text-lg">links</span></div>
                         </div>
-                        <div className="text-xs 2xl:text-sm text-gray-500 mb-2">until content publishing + LLM seeding unlocked</div>
+                        <div className="text-xs 2xl:text-sm text-gray-500 whitespace-nowrap">until content publishing + LLM seeding unlocked</div>
                         {/* Progress bar */}
-                        <div className="w-70 h-3 bg-gray-200 rounded-full overflow-hidden">
+                        <div className="w-full h-3 bg-gray-200 rounded-full overflow-hidden mt-2">
                             <div
                                 className="h-full bg-gradient-to-r from-blue-500 via-green-500 via-yellow-500 to-orange-500 rounded-full"
                                 style={{ width: "60%" }}