From 504dace8d814f769167e954a73f9a9020747c2d0 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Sun, 15 Sep 2024 20:59:21 +0700
Subject: [PATCH] Refactor, make like and shre button responsive

---
 src/app/invest/page.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/invest/page.tsx b/src/app/invest/page.tsx
index b9ac22e..6d60822 100644
--- a/src/app/invest/page.tsx
+++ b/src/app/invest/page.tsx
@@ -71,10 +71,13 @@ export default function Invest() {
       </div>
       <div className="w-[90%] h-[45w0px]-500 m-auto mt-12  pl-24">
         <div>
-          <div className="flex ">
-            <Image src="./logo.svg" alt="logo" width={50} height={50} />
-            <h1 className="mt-3 font-bold text-3xl">NVIDIA</h1>
-            <div className="grid grid-cols-2 gap-5 ml-[850px] ">
+          {/* Name, star and share button packed */}
+          <div className="grid grid-cols-4">
+            <div className="flex col-span-2">
+              <Image src="./logo.svg" alt="logo" width={50} height={50} />
+              <h1 className="mt-3 font-bold text-3xl">NVIDIA</h1>
+            </div>
+            <div className="grid grid-cols-2 gap-5 justify-self-end ">
               <div className="mt-2 cursor-pointer" onClick={handleFollow}>
                 <TooltipProvider>
                   <Tooltip>