Merge pull request #474 from 1chooo/feat/#461

Feat/#461

Author: 1chooo

apps/web/package.json

@@ -48,6 +48,7 @@
     "react-markdown": "^9.0.1",
     "react-syntax-highlighter": "^15.5.0",
     "react-tweet": "^3.2.1",
+    "react-wrap-balancer": "^1.1.1",
     "rehype-github-alerts": "3.0.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0",

apps/web/src/app/blog/page.tsx

@@ -1,5 +1,6 @@
 import Link from "next/link";
 import Image from "next/image";
+import Balancer from 'react-wrap-balancer'
 import PageHeader from "@/components/page-header";
 import FilterSelectBox from "@/components/blog/filter-select-box";
 import FilterList from "@/components/blog/filter-list";
@@ -98,7 +99,7 @@ export default function BlogPage({
                       </time>
                     </div>
                     <h3 className="h3 blog-item-title">
-                      <MarkdownRenderer content={post.metadata.title} />
+                      <Balancer><MarkdownRenderer content={post.metadata.title} /></Balancer>
                     </h3>
                     <MarkdownRenderer
                       className="blog-summary"