From 0728ef8804ef41945c8ce8b3ae426e10ff79c700 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:42:56 +0700
Subject: [PATCH] Refactor Invest page UI components, adjust grid layout and
 add margin to grid container

---
 src/app/invest/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/invest/page.tsx b/src/app/invest/page.tsx
index 3a76d0a..cd6932a 100644
--- a/src/app/invest/page.tsx
+++ b/src/app/invest/page.tsx
@@ -120,7 +120,7 @@ export default function Invest() {
               </span>
             ))}
           </div>
-          <div className="grid grid-cols-2">
+          <div className="grid grid-cols-2 mt-5">
             {/* image carousel */}
             <div>
               <Carousel className="w-full mt-20 md:mt-0">
@@ -202,8 +202,8 @@ export default function Invest() {
         </div>
       </div>
       {/* menu */}
-      <div className="flex w-[90%]  mt-24 m-auto ml-32">
-        <ul className="list-none flex gap-10 text-xl ">
+      <div className="flex w-[90%] mt-24 m-auto ml-10 md:ml-32">
+        <ul className="list-none flex gap-10 text-lg md:text-xl ">
           <li>
             <a
               onClick={() => handleClick("Pitch")}