diff --git a/src/app/notification/page.tsx b/src/app/notification/page.tsx
index 40a0187..0d221b5 100644
--- a/src/app/notification/page.tsx
+++ b/src/app/notification/page.tsx
@@ -11,8 +11,8 @@ export default function Notification() {
   ];
   return (
     <div>
-      <div className="ml-56 mt-16 ">
-        <h1 className="font-bold text-3xl h-0">Notifications</h1>
+      <div className="ml-24 md:ml-56 mt-16 ">
+        <h1 className="font-bold text-2xl md:text-3xl h-0">Notifications</h1>
         <div className=" w-full mt-20 ">
           {/* Cards */}
           <Card className=" border-slate-800 w-3/4 p-6">
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 15f1f49..c8de23e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,17 +15,17 @@ export default function Home() {
   return (
     <main>
       <div className="flex flex-row bg-slate-100 dark:bg-gray-800">
-        <div className="flex flex-col w-3/5">
+        <div className="flex flex-col w-3/5  bg-red-500">
           <span className="px-28 py-20">
-            <p className="text-4xl font-bold">Explore the world of ventures</p>
-            <span className="text-lg">
+            <p className="text-lg md:text-4xl font-bold">Explore the world of ventures</p>
+            <span className="text-sm md:text-lg">
               <p>
                 Unlock opportunities and connect with a community of passionate
               </p>
               <p>investors and innovators.</p>
               <p>Together, we turn ideas into impact.</p>
             </span>
-            <Button className="font-bold mt-4">
+            <Button className="scale-75 md:scale-100 font-bold mt-4">
               <Link href="/deals">Start Investing</Link>
             </Button>
           </span>