From f4c6e276d336e16604ffbb5eaec100bb06fb5f2b Mon Sep 17 00:00:00 2001
From: AryanKuAg <alemantrixaryan@gmail.com>
Date: Thu, 1 Feb 2024 09:34:42 +0530
Subject: [PATCH] Made the blog pages responsive

---
 src/pages/Blog/Blog.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Blog/Blog.jsx b/src/pages/Blog/Blog.jsx
index 478a3ff..8c7fa70 100644
--- a/src/pages/Blog/Blog.jsx
+++ b/src/pages/Blog/Blog.jsx
@@ -14,7 +14,7 @@ export default function Blog() {
                 Our Blogs
             </div>
             <h1 className='text-5xl font-semibold max-w-[400px] text-center py-4'>Reviews From Our Client</h1>
-            <div className='grid grid-cols-3 gap-8 w-[60%] mt-6'>
+            <div className='grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 px-4 sm:px-8 lg:px-16 xl:px-0 gap-8 xl:w-[60%] mt-6'>
             {blogData && blogData.map(el => <BlogCard {...el} />)}
             </div>
         </div>