From e8199c76959f3da229dbf2c04e03eff35cf19dae Mon Sep 17 00:00:00 2001
From: rishit-singh <rsrishitsingh@gmail.com>
Date: Mon, 25 Dec 2023 02:53:11 -0800
Subject: [PATCH] Restructured the about page

---
 frontend/src/app/about/AboutPage.tsx | 10 +++++-----
 frontend/src/app/page.tsx            |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/about/AboutPage.tsx b/frontend/src/app/about/AboutPage.tsx
index aa28f8f..3de0347 100644
--- a/frontend/src/app/about/AboutPage.tsx
+++ b/frontend/src/app/about/AboutPage.tsx
@@ -10,16 +10,16 @@ interface AboutPageState
 
 export function AboutPage({} : AboutPageProps)
 {
-    return (<div className={"grid grid-rows-3 bg-body-gray"}>
-                <div className={"grid grid-rows-[40%_50%] max-[500px]:grid-rows-[30%_50%] ml-5"}>
-                    <div className={"text-[36px] font-bold flex items-center"}>
+    return (<div className={"flex flex-col gap-5 bg-body-gray"}>
+                <div className={"flex flex-col gap-3 ml-5 items-center"}>
+                    <div className={"text-[36px] mt-0 font-bold flex items-center"}>
                         ABOUT US
                     </div>
                     <div className={"text-[18px] font-light content-start"}>
                         The Langara Computer Science Club is officially back! We are a student-run club dedicated to providing a space for students interested in computer science at Langara to learn, network, help each other out, and have fun! This year, we plan to host workshops, programming competitions, and meetups.                    
                     </div>
                 </div>
-                <div className={"grid grid-rows-2 max-[500px]:grid-rows-[55%_10%] max-[350px]:grid-rows-[70%_10%]  ml-5"}>
+                <div className={"flex flex-col  ml-5 items-center"}>
                     <div className={"text-[36px] font-bold flex max-[500px]:items-end max-[600px]: mt-10"}>
                         OUR EXECS
                     </div>
@@ -28,7 +28,7 @@ export function AboutPage({} : AboutPageProps)
                     </div>
                 </div>
                 <div className={"profileContainer"}>
-                    <div className={"flex flex-col ml-5 gap-3"}>
+                    <div className={"flex flex-col ml-5 gap-3 items-center"}>
                         <ExecProfiles/> 
                     </div>
                 </div>
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 52dd926..ff45fa0 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -14,7 +14,7 @@ const inter = Inter({ subsets: ['latin'] })
 
 export default function Home() {
     return (
-        <main className="grid grid-rows-[10vh_1fr] max-[600px]:grid-rows-[20vh_100vh] overflow-hidden">
+        <main className="grid grid-rows-[10vh_1fr] max-[600px]:grid-rows-[10vh_1fr] overflow-hidden">
             <NavBar></NavBar>
             <HomePage></HomePage>
         </main>