From d747c3dac44552f291fbff90a97123968e521be3 Mon Sep 17 00:00:00 2001
From: schererleander <leander@schererleander.de>
Date: Mon, 14 Jul 2025 18:35:39 +0200
Subject: style: improve responsive grid

---
 src/pages/Blog.tsx | 2 +-
 src/pages/Home.tsx | 6 +++---
 src/pages/Post.tsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/Blog.tsx b/src/pages/Blog.tsx
index 6a5c22c..7156991 100644
--- a/src/pages/Blog.tsx
+++ b/src/pages/Blog.tsx
@@ -46,7 +46,7 @@ export default function Blog() {
           <h1 className="text-3xl font-semibold mb-4">
             Blog Posts
           </h1>
-          <div className="grid gap-6 md:grid-cols-2 lg:gap-8">
+          <div className="grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 lg:gap-8">
             {posts.map((post) => (
               <Card className="bg-secondary border border-border p-0" key={post.slug}>
                 <CardHeader className="p-0">
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index fcdf9da..6337d52 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -41,9 +41,9 @@ export default function Home() {
 
         <section className="mt-12">
           <h2 className="text-2xl font-semibold mb-6">Tools & Technologies</h2>
-          <div className="grid grid-cols-2 gap-6">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
             {Tools.map((tool) => (
-              <Card className="bg-secondary border border-border py-2">
+              <Card className="bg-secondary border border-border p-2">
                 <div className="flex items-center px-4 py-2">
                   <div className={`p-2 rounded-sm ${tool.color}`}>
                     <img src={tool.image} alt={tool.name} className="w-6 h-6" />
@@ -60,7 +60,7 @@ export default function Home() {
 
         <section className="mt-12">
           <h2 className="text-2xl font-semibold mb-6">Projects</h2>
-          <div className="grid grid-cols-2 gap-6">
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
             {Projects.map((project) => (
               <a href={project.link} target="_blank" rel="noopener noreferrer">
                 <Card className="bg-secondary border border-border py-2">
diff --git a/src/pages/Post.tsx b/src/pages/Post.tsx
index 43ffe5e..a869a26 100644
--- a/src/pages/Post.tsx
+++ b/src/pages/Post.tsx
@@ -41,7 +41,7 @@ export default function Post() {
 
       <h1 className="text-2xl font-bold mb-4">{meta.title}</h1>
       <p className="text-sm text-muted-foreground mb-8">{formDate.format(new Date(meta.date))}</p>
-      <div className="prose prose-neutral prose-xl max-w-none prose-img:mx-auto prose-img:w-1/2 prose-img:rounded-lg prose-img:shadow-lg dark:prose-invert">
+      <div className="prose prose-neutral max-w-none prose-img:mx-auto prose-img:w-1/2 prose-img:rounded-lg prose-img:shadow-lg dark:prose-invert">
         <Content />
       </div>
     </>
-- 
cgit v1.3.1