From 98896211426d7a794d406235c33fb6b356cded05 Mon Sep 17 00:00:00 2001
From: ivke995 <ivanivic842@gmail.com>
Date: Fri, 14 Feb 2025 13:55:58 +0100
Subject: [PATCH] change change

---
 apps/website/src/components/_grid.ts   | 4 ----
 apps/website/src/components/hero.astro | 8 ++++----
 apps/website/src/styles/main.css       | 8 ++++++++
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/apps/website/src/components/_grid.ts b/apps/website/src/components/_grid.ts
index 2ed415d..7133e49 100644
--- a/apps/website/src/components/_grid.ts
+++ b/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`
diff --git a/apps/website/src/components/hero.astro b/apps/website/src/components/hero.astro
index f44aa30..4ce1679 100644
--- a/apps/website/src/components/hero.astro
+++ b/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
diff --git a/apps/website/src/styles/main.css b/apps/website/src/styles/main.css
index 9e8bbc7..777ab16 100644
--- a/apps/website/src/styles/main.css
+++ b/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 */
+  }
 }
 
 * {