Change page layout

Gabau · Oct 12, 2024 · 0eac838 · 0eac838
1 parent e087977
commit 0eac838
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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 />
-  }
+  },
 ];