2 files changed, 29 insertions, 12 deletions

diff --git a/src/pages/Blog.tsx b/src/pages/Blog.tsx
index 1b20e89..fa9b609 100644
--- a/src/pages/Blog.tsx
+++ b/src/pages/Blog.tsx
@@ -27,16 +27,18 @@ export default function Blog() {
   return (
     <section className="container mx-auto px-4 py-10">
       <h1 className="text-4xl font-bold mb-8">Blog</h1>
-      
-      {posts.map((post) => (
-        <Link key={post.slug} to={`/blog/${post.slug}`} className="block">
-          <CardLink
-            title={post.title}
-            body={post.excerpt}
-            imgSrc={post.cover}
-          />
-        </Link>
-      ))}
+
+      <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+        {posts.map((post) => (
+          <Link key={post.slug} to={`/blog/${post.slug}`} className="block">
+            <CardLink
+              title={post.title}
+              body={post.excerpt}
+              imgSrc={post.cover}
+            />
+          </Link>
+        ))}
+      </div>
     </section>
   );
 }
\ No newline at end of file
diff --git a/src/pages/Post.tsx b/src/pages/Post.tsx
index 67f8959..5c0f0ca 100644
--- a/src/pages/Post.tsx
+++ b/src/pages/Post.tsx
@@ -1,4 +1,6 @@
 import { useParams, Link } from "react-router-dom";
+import CodeSnippet from "../components/CodeSnippet";
+import LinkWithIcon from "../components/LinkWithIcon";
 import NotFoundPage from "./404Page";
 
 interface PostFile {
@@ -27,7 +29,7 @@ export default function Post() {
 
   return (
     <article className="prose prose-zinc dark:prose-invert mx-auto px-4 py-10">
-      <Link to="/blog" className="no-underline hover:underline">
+      <Link to="/blog" className="no-underline">
         ← Back
       </Link>
 
@@ -44,7 +46,20 @@ export default function Post() {
         {new Date(meta.date).toLocaleDateString("de-DE")}
       </p>
 
-      <Content />
+      {/* The Markdown, already a React component */}
+      <Content
+        components={{
+          code({ children }: any) {
+            return (
+              <CodeSnippet
+                code={String(children).replace(/\n$/, "")}
+                initialLines={5}
+              />
+            );
+          },
+          a: LinkWithIcon,
+        }}
+      />
     </article>
   );
 }
\ No newline at end of file