change change

apps/website/src/components/_grid.ts

@@ -4,7 +4,3 @@ grid-cols-6 md:grid-cols-12
 gap-x-3 lg:gap-x-7
 gap-y-7 lg:gap-y-12
 `;
-
-export const hero_grid_classes = `
-grid grid-cols-6 md:grid-cols-12
-lg:gap-x-7 lg:gap-y-12`

apps/website/src/components/hero.astro

@@ -1,15 +1,15 @@
 ---
-import { hero_grid_classes } from "./_grid";
+import { grid_classes } from "./_grid";
 import Pill from "./Pill.astro";
 import Section from "./Section.astro";
 ---
 
 <Section className="!py-0 !px-0">
   <div
-    class={`${hero_grid_classes} bg-[#424C6D] flex rounded-b-2xl overflow-hidden max-sm:mx-4 mx-7`}
+    class={`${grid_classes} !gap-0 bg-[#424C6D] flex rounded-b-2xl overflow-hidden max-sm:mx-4 mx-7`}
   >
     <div
-      class="col-start-3 col-span-4 md:col-start-6 md:col-span-7 xl:col-start-8 xl-col-span-5 rounded-bl-lg"
+      class="col-start-3 col-span-4 md:col-start-6 md:col-span-7 xl:col-start-8 xl:col-span-5 rounded-bl-lg"
     >
       <img src="/croco-13.png" alt="" class="" />
     </div>
@@ -61,7 +61,7 @@ import Section from "./Section.astro";
     </div>
   </div>
   <h4 class="text-base text-start md:text-center mx-4 md:mx-7 font-bold uppercase mt-[72px]">Trusted By:</span>
-    <div class="overflow-x-auto whitespace-nowrap px-4">
+    <div class="overflow-x-auto whitespace-nowrap px-4 no-scrollbar">
       <div class="flex gap-7 justify-center my-8 lg:my-10 min-w-max">
         <img src="/conductor.svg" alt="" class="grayscale opacity-50 w-[200px]" />
         <img

apps/website/src/styles/main.css

@@ -8,6 +8,14 @@
   .will-change-transform {
     will-change: transform;
   }
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  /* Hide scrollbar for IE, Edge and Firefox */
+  .no-scrollbar {
+      -ms-overflow-style: none;  /* IE and Edge */
+      scrollbar-width: none;  /* Firefox */
+  }
 }
 
 * {