From af472cad41d0526f0dbc5694748fc258e478f8a6 Mon Sep 17 00:00:00 2001
From: Asad <am5815@bu.edu>
Date: Mon, 10 Jun 2024 12:24:44 -0400
Subject: [PATCH 1/5] margin on mobile nav bar expanded menu

---
 src/components/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index f0bf698..ecaf0ea 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -105,7 +105,7 @@ const Navbar = () => {
                 <li key={item.name}>
                   <a
                     href={item.href}
-                    className={`block py-1 px-4 text-white rounded-full hover:bg-orange-500 md:border-0 ${color}`}
+                    className={`my-2 block py-1 px-4 text-white rounded-full hover:bg-orange-500 md:border-0 ${color}`}
                   >
                     {item.name}
                   </a>

From 7a1c9fe2909a097d819f2c1ca9bcf213eca72be0 Mon Sep 17 00:00:00 2001
From: Asad <am5815@bu.edu>
Date: Mon, 10 Jun 2024 12:30:39 -0400
Subject: [PATCH 2/5] section divider between hero and center description cards

---
 src/pages/Index.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 2cc4703..9f7c046 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -12,11 +12,7 @@ const Index: React.FC = () => {
     <div>
       <NewHero />
       <div className="bg-gradient-to-b from-[#FFE2E2] to-[#FFFFFF]">
-        <div
-          style={{
-            height: "271px",
-          }}
-        />
+        <div className="h-12 md:h-64"/>
         <CenterDescriptionCards />
         <div className="relative max-w-5xl mx-auto my-16">
           <img className="w-full h-auto" alt="Vector" src="vector.svg" />

From 9b87c918c59bc57d6309a134adbc5fd03a3e0940 Mon Sep 17 00:00:00 2001
From: Asad <am5815@bu.edu>
Date: Mon, 10 Jun 2024 12:33:20 -0400
Subject: [PATCH 3/5] cloud text size alter

---
 src/pages/Index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 9f7c046..2750824 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -17,7 +17,7 @@ const Index: React.FC = () => {
         <div className="relative max-w-5xl mx-auto my-16">
           <img className="w-full h-auto" alt="Vector" src="vector.svg" />
           <div className="absolute w-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
-            <h1 className="font-sans text-[#101066] text-[calc(4vw)] lg:text-[42px] text-center font-[600] tracking-wide">
+            <h1 className="font-sans text-[#101066] text-[calc(6vw)] lg:text-[42px] text-center font-[600] tracking-wide">
               Teens need
               <br />
               mental health support

From 90fc92cee6a97a00b5039bc26aaae95996d71d59 Mon Sep 17 00:00:00 2001
From: Asad <am5815@bu.edu>
Date: Mon, 10 Jun 2024 13:26:28 -0400
Subject: [PATCH 4/5] padding on about page

---
 src/components/AboutFutureVisionSections.tsx | 6 +++---
 src/pages/About.tsx                          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/AboutFutureVisionSections.tsx b/src/components/AboutFutureVisionSections.tsx
index 4a39f07..1f8aa1a 100644
--- a/src/components/AboutFutureVisionSections.tsx
+++ b/src/components/AboutFutureVisionSections.tsx
@@ -4,17 +4,17 @@ import React from "react";
 export default function AboutFutureVisionSections() {
   return (
     <div>
-      <div className="flex flex-col justify-center items-center px-12 md:px-0">
+      <div className="flex flex-col justify-center items-center md:px-0">
         {/* <img className="w-full h-auto z-[10]" alt="union-1" src="red-union.svg" /> */}
         <div className="p-4 max-w-6xl w-full pt-36">
-          <div className="flex flex-col items-start justify-center">
+          <div className="flex md:flex-col md:items-start justify-center">
             <h1 className="text-[#101066] font-bold text-4xl sm:text-5xl md:text-6xl lg:text-7xl tracking-tight leading-none mb-4">
               Future Vision
             </h1>
           </div>
         </div>
         <div className="flex flex-col max-w-7xl items-center mt-8 mx-auto">
-          <div className="flex gap-4 px-8 flex-col lg:flex-row z-[1]">
+          <div className="flex gap-4 md:px-8 flex-col lg:flex-row z-[1]">
             <IonCard
               color="light"
               style={{
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 5af142a..9d99970 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -9,7 +9,7 @@ import AboutFutureVisionSections from "../components/AboutFutureVisionSections";
 
 const About: React.FC = () => {
   return (
-    <div className="pt-12 mb-48">
+    <div className="pt-36 md:pt-12 mb-48">
       <PaddedHeaderText />
       <AboutMissionSection />
       <AboutTeamProfiles />

From 4db1202d97c798f2b398b026869ce2978e6161b9 Mon Sep 17 00:00:00 2001
From: Asad <am5815@bu.edu>
Date: Mon, 10 Jun 2024 13:55:17 -0400
Subject: [PATCH 5/5] prettier fix

---
 src/pages/Index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 2750824..fea8f3e 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -12,7 +12,7 @@ const Index: React.FC = () => {
     <div>
       <NewHero />
       <div className="bg-gradient-to-b from-[#FFE2E2] to-[#FFFFFF]">
-        <div className="h-12 md:h-64"/>
+        <div className="h-12 md:h-64" />
         <CenterDescriptionCards />
         <div className="relative max-w-5xl mx-auto my-16">
           <img className="w-full h-auto" alt="Vector" src="vector.svg" />