From 0eac838146f00532a6ca30231413c94f900be333 Mon Sep 17 00:00:00 2001
From: "Au Chen Xi, Gabriel" <au.gabriel@u.nus.edu>
Date: Sat, 12 Oct 2024 22:05:52 +0800
Subject: [PATCH] Change page layout

---
 gabau.github.io/src/pages/Playground.tsx  | 4 +++-
 gabau.github.io/src/routes/playground.tsx | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/gabau.github.io/src/pages/Playground.tsx b/gabau.github.io/src/pages/Playground.tsx
index 9d67359..314137e 100644
--- a/gabau.github.io/src/pages/Playground.tsx
+++ b/gabau.github.io/src/pages/Playground.tsx
@@ -36,7 +36,8 @@ export default function PlayGround() {
     <>
       <TypeWriterHeader title="Playground" timeout={300} className="p-10" />
       <p>For the miscellaneous stuff</p>
-      <div className="flex flex-wrap flex-row h-auto w-full justify-center">
+      <div className="flex flex-row items-center w-full h-auto justify-center">
+      <div className="flex flex-wrap flex-row h-auto w-3/5 justify-center">
         {playgroundRoutes.map((v) => {
           return (
             <PlayGroundCard
@@ -48,6 +49,7 @@ export default function PlayGround() {
           );
         })}
       </div>
+      </div>
     </>
   );
 }
diff --git a/gabau.github.io/src/routes/playground.tsx b/gabau.github.io/src/routes/playground.tsx
index 5db6b98..6e44784 100644
--- a/gabau.github.io/src/routes/playground.tsx
+++ b/gabau.github.io/src/routes/playground.tsx
@@ -70,7 +70,7 @@ export const playgroundRoutes = [
     title: "Sort visualisation",
     description: "Simple sorting visualisation of quick sort. It is pure quick sort which makes it slow on sorted array",
     element: <SortVisPage />
-  }
+  },
 ];