From e29ab229b53df3303c473a88fbda3c8aec265214 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Thu, 20 Feb 2025 15:50:08 +0800
Subject: [PATCH] feat(styles): add GitHub markdown CSS and responsive styling
 for markdown content

---
 src/app/globals.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index e34a4c8..431ee48 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,4 +1,5 @@
 @import "@fontsource/fira-code/500.css";
+@import "github-markdown-css/github-markdown.css";
 
 @tailwind base;
 @tailwind components;
@@ -70,4 +71,18 @@
     @apply bg-background text-foreground;
     font-family: "Fira Code";
   }
-}
\ No newline at end of file
+}
+
+.markdown-body {
+  box-sizing: border-box;
+  min-width: 200px;
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 45px;
+}
+
+@media (max-width: 768px) {
+  .markdown-body {
+    padding: 15px;
+  }
+}