diff options
| -rw-r--r-- | src/pages/Blog.tsx | 2 | ||||
| -rw-r--r-- | src/pages/Home.tsx | 6 | ||||
| -rw-r--r-- | src/pages/Post.tsx | 2 |
3 files changed, 5 insertions, 5 deletions
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> </> |