From adeb485db78e0aacb01fb28cab13a4ce3706cf42 Mon Sep 17 00:00:00 2001
From: Kalidou Diagne <kld.diagne@gmail.com>
Date: Tue, 2 Sep 2025 20:49:17 +0800
Subject: [PATCH] fix slider and responsive

---
 components/project/project-graduated.tsx | 2 +-
 components/slider.tsx                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/project/project-graduated.tsx b/components/project/project-graduated.tsx
index 4fcc0a2..a93d55f 100644
--- a/components/project/project-graduated.tsx
+++ b/components/project/project-graduated.tsx
@@ -33,7 +33,7 @@ export const ProjectGraduated = () => {
                   <span className="font-sans text-2xl font-bold text-tuatara-950 dark:text-anakiwa-400">
                     {project.name}
                   </span>
-                  <span className="font-sans text-base font-normal text-tuatara-500 dark:text-tuatara-100 line-clamp-3">
+                  <span className="font-sans text-base font-normal text-tuatara-500 dark:text-tuatara-100 line-clamp-2 lg:line-clamp-3">
                     {project.tldr}
                   </span>
                 </div>
diff --git a/components/slider.tsx b/components/slider.tsx
index 0596ccb..94fac73 100644
--- a/components/slider.tsx
+++ b/components/slider.tsx
@@ -227,7 +227,7 @@ export const Slider = ({
           )}
           style={{
             transform: `translateX(-${translateX}%)`,
-            gap: gap,
+            gap: isMobile ? "0px" : gap,
           }}
           onTouchStart={handleTouchStart}
           onTouchMove={handleTouchMove}