Restructured the about page

langaracpsc · Dec 25, 2023 · e8199c7 · e8199c7
1 parent afa6bc6
commit e8199c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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>