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/Home.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/pages/Home.tsx')

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">
-- 
cgit v1.3.1