make styling consistant across site

1 files changed, 15 insertions, 18 deletions

diff --git a/src/components/Apps.tsx b/src/components/Apps.tsx
index 7ecb58a..0035c6b 100644
--- a/src/components/Apps.tsx
+++ b/src/components/Apps.tsx
@@ -1,8 +1,6 @@
-//import { useState, useEffect } from "react";
-//import { Link } from "react-router-dom";
-//import GameCard from "./GameCard";
-//import Button from "./Button";
-//import { GameType } from "../types";
+import { ReactComponent as GameHolsterMD } from '../md/apps_gameholster.md';
+import { ReactComponent as MoreSoonMD } from '../md/apps_moresoon.md';
+
 
 
 export default function Apps () {
@@ -11,20 +9,19 @@ export default function Apps () {
 
 	return(
 		<>
-		<div>
-		<div className="flex flex-col gap-16 max-w-6xl shrink">
-			<div className="title font-bold text-6xl font-title">Apps</div>
-				<div className="jumbotron jumbotron-fluid bg-transparent">
-					<div className="container secondary-color">
-				</div>
-			</div>
-			<div className="prose prose-invert-off">
-			<h1>Game Holster</h1>
-			<p>This is a work in progress thingie</p>
-			<p>talk about your app here</p>
+		<div className="flex flex-col gap-16 w-full items-center max-w-6xl shrink">
+			<div className="title font-bold text-6xl font-title mb-16 dsm:mb-10">Apps</div>
+					<div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center">
+						<div className="w-full-after prose prose-invert flex justify-center w-full w-full-after">
+							<GameHolsterMD />
+						</div>
+					</div>
+					<div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center">
+						<div className="prose prose-invert flex justify-center w-full w-full-after">
+							<MoreSoonMD />
+						</div>
+					</div>
 			</div>
-		</div>
-		</div>
 		</>
 	);
 }