diff --git a/package.json b/package.json
index a43640a..0be227c 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,10 @@
   "dependencies": {
     "@astrojs/image": "^0.17.0",
     "@astrojs/tailwind": "^4.0.0",
-    "astro": "^2.6.6",
+    "astro": "^2.7.0",
     "tailwindcss": "^3.3.2"
+  },
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.5.9"
   }
 }
diff --git a/src/layouts/MarkdownFileLayout.astro b/src/layouts/MarkdownFileLayout.astro
new file mode 100644
index 0000000..583de44
--- /dev/null
+++ b/src/layouts/MarkdownFileLayout.astro
@@ -0,0 +1,12 @@
+---
+import Layout from './Layout.astro';
+const {frontmatter} = Astro.props;
+---
+
+<Layout title={frontmatter.title}>
+    <main class="w-screen min-h-screen bg-gray-400 p-10">
+        <article class="container bg-gray-300 mx-auto p-5 prose lg:prose-xl rounded-md shadow-2xl">
+            <slot/>
+        </article>
+    </main>
+</Layout>
\ No newline at end of file
diff --git a/src/pages/doc/index.md b/src/pages/doc/index.md
new file mode 100644
index 0000000..87dc462
--- /dev/null
+++ b/src/pages/doc/index.md
@@ -0,0 +1,7 @@
+---
+title: Getting Start
+layout: ../../layouts/MarkdownFileLayout.astro
+---
+
+# Getting Start
+
diff --git a/src/pages/documentation/index.md b/src/pages/documentation/index.md
deleted file mode 100644
index fbb554e..0000000
--- a/src/pages/documentation/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
-# Getting Start
-
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b762703..9aa4610 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,7 +2,6 @@
 import Layout from '../layouts/Layout.astro';
 import {WidgetState} from '../models/WidgetState';
 import WidgetCardList from '../components/WidgetCardList.astro';
-import Card from '../layouts/Card.astro';
 
 const widgets = await Astro.glob<WidgetState>('./widgets/*.astro');
 ---
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index f5368a7..a4f13af 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,8 +1,10 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-	theme: {
-		extend: {},
-	},
-	plugins: [],
-}
+  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    require('@tailwindcss/typography'),
+  ],
+};