ui fix

src/routes/about/+page.svelte

@@ -121,10 +121,12 @@
     <!--End Section-->
 
     <!--Start Why we need this -->
-    <div class="bg-[#09090B] w-full bg-[#09090B]  sm:border-t hover:border-slate-500 border-slate-600 h-auto sm:p-10 mt-3 mb-8">
+    <div class="bg-[#09090B] w-full hover:border-slate-500 border-slate-600 h-auto pb-10 mb-8">
-      <div class="text-4xl sm:text-5xl font-bold text-white text-center p-3 mt-10 sm:mt-5">
+      <div class="text-4xl sm:text-5xl text-white text-center p-3 mt-10 sm:mt-5">
-            What we offer
+        <span class="font-bold">
-      </div>
+         What we offer
+        </span>
+    </div>
 
       <div class="text-white text-lg mt-3 text-center pl-3 pr-3 sm:pl-10 sm:pr-10">
         We provide retail traders with high-quality, accurate data that is only available to hedge funds and institutional investors. By bridging the gap between <span class="text-[#FBCE3C] font-semibold italic">Wall Street</span> and <span class="text-[#FBCE3C] font-semibold italic">Retail Traders</span>, we enhance your stock analysis with a wide range of data sources. Take control of your investments, make informed decisions, and execute profitable trades using our comprehensive data presented in an intuitive UI.

src/routes/list/large-cap-stocks/+page.svelte

@@ -31,17 +31,9 @@
   let totalRevenue = rawData?.reduce((total, stock) => total + stock?.revenue, 0);
   let totalProfits = rawData?.reduce((total, stock) => total + stock?.netIncome, 0);
   
-  let charNumber = 40;
+
-  
+  $: charNumber = $screenWidth < 640 ? 15 : 20;
-  $: {
+
-    if ($screenWidth < 640)
-    {
-      charNumber = 15;
-    }
-    else {
-      charNumber = 40;
-    }
-  }
   </script>
   
   <section class="w-full overflow-hidden m-auto">

src/routes/list/mega-cap-stocks/+page.svelte

@@ -31,17 +31,8 @@
   let totalRevenue = rawData?.reduce((total, stock) => total + stock?.revenue, 0);
   let totalProfits = rawData?.reduce((total, stock) => total + stock?.netIncome, 0);
   
-  let charNumber = 40;
+  $: charNumber = $screenWidth < 640 ? 15 : 20;
-  
+
-  $: {
-    if ($screenWidth < 640)
-    {
-      charNumber = 15;
-    }
-    else {
-      charNumber = 40;
-    }
-  }
   </script>
   
   <section class="w-full overflow-hidden m-auto">

src/routes/list/micro-cap-stocks/+page.svelte

@@ -30,18 +30,9 @@
   let totalMarketCap = rawData?.reduce((total, stock) => total + stock?.marketCap, 0);
   let totalRevenue = rawData?.reduce((total, stock) => total + stock?.revenue, 0);
   let totalProfits = rawData?.reduce((total, stock) => total + stock?.netIncome, 0);
-  
+    
-  let charNumber = 40;
+  $: charNumber = $screenWidth < 640 ? 15 : 20;
-  
+
-  $: {
-    if ($screenWidth < 640)
-    {
-      charNumber = 15;
-    }
-    else {
-      charNumber = 40;
-    }
-  }
   </script>
   
   <section class="w-full overflow-hidden m-auto">

src/routes/list/mid-cap-stocks/+page.svelte

@@ -33,17 +33,8 @@
   let totalRevenue = rawData?.reduce((total, stock) => total + stock?.revenue, 0);
   let totalProfits = rawData?.reduce((total, stock) => total + stock?.netIncome, 0);
   
-  let charNumber = 40;
+  $: charNumber = $screenWidth < 640 ? 15 : 20;
-  
+
-  $: {
-    if ($screenWidth < 640)
-    {
-      charNumber = 15;
-    }
-    else {
-      charNumber = 40;
-    }
-  }
   </script>
   
   <section class="w-full overflow-hidden m-auto">

src/routes/list/nano-cap-stocks/+page.svelte

@@ -31,17 +31,9 @@
   let totalRevenue = rawData?.reduce((total, stock) => total + stock?.revenue, 0);
   let totalProfits = rawData?.reduce((total, stock) => total + stock?.netIncome, 0);
   
-  let charNumber = 40;
   
-  $: {
+  $: charNumber = $screenWidth < 640 ? 15 : 20;
-    if ($screenWidth < 640)
+
-    {
-      charNumber = 15;
-    }
-    else {
-      charNumber = 40;
-    }
-  }
   </script>
   
   <section class="w-full overflow-hidden m-auto">

src/routes/list/small-cap-stocks/+page.svelte

@@ -31,18 +31,10 @@
   let totalRevenue = rawData?.reduce((total, stock) => total + stock?.revenue, 0);
   let totalProfits = rawData?.reduce((total, stock) => total + stock?.netIncome, 0);
   
-  let charNumber = 40;
+  $: charNumber = $screenWidth < 640 ? 15 : 20;
-  
+
-  $: {
-    if ($screenWidth < 640)
-    {
-      charNumber = 15;
-    }
-    else {
-      charNumber = 40;
-    }
-  }
   </script>
+  
   <section class="w-full overflow-hidden m-auto">