diff --git a/src/components/homepage/BlogPosts.astro b/src/components/homepage/BlogPosts.astro
index fe2cc2b..e334063 100644
--- a/src/components/homepage/BlogPosts.astro
+++ b/src/components/homepage/BlogPosts.astro
@@ -5,6 +5,8 @@ import { getCollection } from "astro:content";
 const publishedBlogPosts = await getCollection("blog", ({ data }) => {
   return data.draft !== true;
 });
+
+const maxposts = 3;
 ---
 
 <section class="pt-8 pb-16">
@@ -15,7 +17,10 @@ const publishedBlogPosts = await getCollection("blog", ({ data }) => {
 
     <div class="grid grid-cols-12 my-4 sm:my-8 md:my-12 gap-y-8 sm:gap-8 md:gap-12">
       {
-        publishedBlogPosts.sort((a, b) => b.data.publishDate.getTime() - a.data.publishDate.getTime()).map((post) => {
+        publishedBlogPosts
+        .sort((a, b) => b.data.publishDate.getTime() - a.data.publishDate.getTime())
+        .slice(0,maxposts)
+        .map((post) => {
           return (
             <NEWBlogPostCard
               href={post.slug}