diff options
| author | schererleander <leander@schererleander.de> | 2025-07-14 18:35:39 +0200 |
|---|---|---|
| committer | schererleander <leander@schererleander.de> | 2025-07-14 18:35:39 +0200 |
| commit | d747c3dac44552f291fbff90a97123968e521be3 (patch) | |
| tree | 0ee8d8cc914244482db064988d823cf821f27d43 /src/pages/Home.tsx | |
| parent | e41479b68e1af93b593dc5926b3307aed2f9ec71 (diff) | |
style: improve responsive grid
Diffstat (limited to 'src/pages/Home.tsx')
| -rw-r--r-- | src/pages/Home.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
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"> |