fix(carrousel)

BarcampRD · Oct 29, 2024 · ec2aeee · ec2aeee
1 parent 445ab97
commit ec2aeee
Showing 1 changed file with 19 additions and 19 deletions.
diff --git a/src/components/sections/Testimonial.astro b/src/components/sections/Testimonial.astro
@@ -21,28 +21,28 @@ const { testimonial } = Astro.props;
         <div class="swiper testimonial-slider">
           <div class="swiper-wrapper">
             {testimonial.map((item: TestimonialItem) => (
-          <div class="swiper-slide">
-            <div class="rounded-lg bg-theme-light px-7 py-10 dark:bg-darkmode-theme-light testimonial-item">
-              <div class="mt-0">
-                <div class="grid grid-cols-2 gap-2">
-                  {item.image.slice(0, 4).map((imgSrc) => (
-                    <div  class="w-48 h-48"> 
-                      <img
-                        src={imgSrc}
-                        class="w-full h-full object-cover rounded-md"
-                        alt={item.description}
-                      />
+              <div class="swiper-slide">
+                <div class="rounded-lg bg-theme-light px-7 py-10 dark:bg-darkmode-theme-light testimonial-item">
+                  <div class="mt-0">
+                    <div class="flex flex-wrap m-0.5 w-96">
+                      {item.image.slice(0, 4).map((imgSrc) => (
+                        <div class="w-44 h-44  m-1"> 
+                          <img
+                            src={imgSrc}
+                            class="w-full h-full object-cover rounded-md"
+                            alt={item.description}
+                          />
+                        </div>
+                      ))}
                     </div>
-                  ))}
+                    <a href={item.link} target="_blank" rel="noopener noreferrer">
+                      <p class="hover-text text-lg md:text-xl font-semibold text-heading-2 text-center ">
+                        {item.description}
+                      </p>
+                    </a>
+                  </div>
                 </div>
-                <a href={item.link} target="_blank" rel="noopener noreferrer">
-                  <p class=" text-sm md:text-lg font-semibold text-heading-2 text-center mt-4">
-                    {item.description}
-                  </p>
-                </a>
               </div>
-            </div>
-          </div>
             ))}
             <!-- {testimonial.map((item: TestimonialItem) => (
                 <div class="swiper-slide">