diff options
Diffstat (limited to 'src/pages/Blog.tsx')
| -rw-r--r-- | src/pages/Blog.tsx | 22 |
1 files changed, 12 insertions, 10 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 |