From e9b5e77d4f612aa3d8aabdfcdb13fd6cb361fcae Mon Sep 17 00:00:00 2001
From: Youngbin Han <ybhan@ubuntu.com>
Date: Sun, 25 Feb 2024 23:15:46 +0900
Subject: [PATCH] Handle table overflow

---
 src/layouts/MarkdownLayout.astro | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
index 4052d26..c1248b8 100644
--- a/src/layouts/MarkdownLayout.astro
+++ b/src/layouts/MarkdownLayout.astro
@@ -14,7 +14,13 @@ type Props = MarkdownLayoutProps<{
 
 const { frontmatter } = Astro.props;
 ---
-
+<style is:global>
+    table {
+        display: block;
+        overflow-x: auto;
+        word-break: keep-all;
+    }
+</style>
 <Shell title={frontmatter.title} description={frontmatter.description}>
     <Strip bordered shallow colSize={8} element="section">
         <h1>{frontmatter.title}</h1>