Contributor page full page component

Author: Ajknight121

minigame-frontend/src/components/GameRowComponent.jsx

@@ -5,7 +5,7 @@ export function GameRowComponent(props) {
       <Link to="game">
       <div className="bg-white-400 m-1 py-4 h-[250px] content-center">
         <div className='bg-white-400 h-[100px] content-center flex justify-between flex-row items-center justify-normal content-normal'>
-          <div className='bg-[#C7BFBF] h-[100px] flex flex-col justify-start grow p-2'>
+          <div className='bg-[#C7BFBF] h-fit flex flex-col justify-start grow p-2'>
             <div className='text-[24px] w-full justify-start'>{props.GameName}</div>
             <div className='text-[12x] w-full justify-end'>{props.GameDesc}</div>
           </div>

minigame-frontend/src/contributors/Contributors.jsx

@@ -2,7 +2,7 @@ import AdrianProfileImg from "../images/AdrianPFP.png";
 
 export function AdrianContributor() {
   return (
-    <div className="contributor-adrian flex bg-slate-500 w-[300px] p-1">
+    <div className="contributor-adrian flex flex-c bg-slate-500 w-[300px] p-1">
       <img src={AdrianProfileImg} width={"100px"} />
       <div className="text-white text-center justify-center m-auto">
         <div>Adrian Knight</div>

minigame-frontend/src/main.jsx

@@ -8,13 +8,14 @@ import Profile from "./page/Profile.jsx";
 import GamePage from "./page/GamePage.jsx";
 
 import "./index.css";
+import Contributors from "./page/Contributors.jsx";
 
 export default function App() {
   return (
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<Layout />}>
-          <Route path="contributors" element={<AdrianContributor />} />
+          <Route path="contributors" element={<Contributors />} />
           <Route index element={<Homepage />} />
           <Route path="all-games" element={<AllGames />} />
           <Route path="profile" element={<Profile />} />

minigame-frontend/src/page/Contributors.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+import { AdrianContributor } from '../contributors/Contributors'
+import "./contributors.css";
+export default function Contributors() {
+  return (
+    <div className='contributors-page'>
+      <div className='contributors'>
+        <AdrianContributor />
+
+      </div>
+    </div>
+  )
+}

minigame-frontend/src/page/contributors.css

@@ -0,0 +1,6 @@
+.contributors {
+  display: flex;
+  margin: 30px;
+  gap: 10px;
+  flex-wrap: wrap;
+}