From a048845e3211a639bd66dfc6da2410562fbae206 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Mon, 16 Sep 2024 19:40:19 +0700
Subject: [PATCH] Refactor Invest page UI components, adjust grid layout and
 carousel styling

---
 src/app/invest/page.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/app/invest/page.tsx b/src/app/invest/page.tsx
index de3245b..3a76d0a 100644
--- a/src/app/invest/page.tsx
+++ b/src/app/invest/page.tsx
@@ -123,24 +123,22 @@ export default function Invest() {
           <div className="grid grid-cols-2">
             {/* image carousel */}
             <div>
-              <Carousel className="w-full -mt-20 md:mt-0">
-                <CarouselContent className="h-[400px]">
+              <Carousel className="w-full mt-20 md:mt-0">
+                <CarouselContent className="h-[400px] flex h-full">
                   {Array.from({ length: 5 }).map((_, index) => (
                     <CarouselItem key={index}>
-                      <div className="flex h-full items-center justify-center">
-                        <img
-                          src="./boiler1.jpg"
-                          alt=""
-                          className="rounded-lg self-center"
-                        />
-                      </div>
+                      <img
+                        src="./boiler1.jpg"
+                        alt=""
+                        className="rounded-lg self-center"
+                      />
                     </CarouselItem>
                   ))}
                 </CarouselContent>{" "}
                 <CarouselPrevious />
                 <CarouselNext />
               </Carousel>
-              <Carousel className="w-2/3 md:w-full ml-10 md:ml-0 -mt-24 md:mt-0">
+              <Carousel className="w-2/3 md:w-full ml-10 md:ml-0 mt-5 md:mt-10 ">
                 <CarouselContent>
                   {/* boiler plate for an actual pictures */}
                   <CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3">