From e516d67a58c76e458991d19fe5861faad2beafa7 Mon Sep 17 00:00:00 2001
From: Kalprajsinh <kalpraj51@gmail.com>
Date: Sat, 21 Dec 2024 00:04:16 +0530
Subject: [PATCH] fix:#3494 alignment of case study cards

---
 components/CaseStudyCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/CaseStudyCard.tsx b/components/CaseStudyCard.tsx
index 7b6bad8dadb..49050a4846e 100644
--- a/components/CaseStudyCard.tsx
+++ b/components/CaseStudyCard.tsx
@@ -19,11 +19,11 @@ export default function CaseStudyCard({ studies = [] }: ICaseStudyCardProps) {
   }
 
   return (
-    <div className='flex flex-wrap pt-10 lg:grid lg:grid-cols-3 lg:gap-8 lg:text-center'>
+    <div className='flex flex-wrap pt-10 justify-center items-start lg:gap-20 gap-10 lg:text-center'>
       {studies.map((study, index) => (
         <a key={index} href={`casestudies/${study.id}`}>
           <div
-            className='max-w-sm overflow-hidden rounded-md border border-gray-200 bg-white p-4'
+            className='max-w-sm overflow-hidden rounded-md border border-gray-200 bg-white p-4 shadow-sm hover:shadow-md'
             data-testid='CaseStudyCard-main'
           >
             <span className='mr-2'>