From 140ea50c09778f1608aee2aac544a7728649bee9 Mon Sep 17 00:00:00 2001
From: Shubham Yadav <100077254+Shubham185y@users.noreply.github.com>
Date: Wed, 21 Jun 2023 02:19:28 +0530
Subject: [PATCH] fixed overflow of card behaviour in blogs section

---
 Blogs/Blog.html        | 14 +++++++-------
 Blogs/newBlogStyle.css |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/Blogs/Blog.html b/Blogs/Blog.html
index e2f6cc47..4b7eeeab 100644
--- a/Blogs/Blog.html
+++ b/Blogs/Blog.html
@@ -132,12 +132,12 @@
           Articles</h1>
 
         <div
-          class="cards p-10 gap-10 grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-4 justify-items-center sm:justify-items-start ">
+          class="cards p-10 gap-10 grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3  justify-items-center ">
 
 
           <!-- Card - 1  -->
-          <div
-            class="card-2 h-[450px] w-[350px] relative bg-white rounded-[30px] group shadow-2xl ease-in-out duration-500 rounded-[30px] flex flex-col justify-between">
+          <div  
+            class="card-1 h-[450px] w-[350px] relative bg-white rounded-[30px] group shadow-2xl ease-in-out duration-500 rounded-[30px] flex flex-col justify-between">
 
             <!-- Card Image  -->
             <div
@@ -148,7 +148,7 @@
 
             <!-- Card Content  -->
             <div
-              class="bg-white w-full h-36 hover:h-auto flex justify-center flex-col text-justify rounded-b-[30px] px-4 py-4 text-sm font-semibold">
+              class="bg-white w-full h-36  flex justify-center flex-col text-justify rounded-b-[30px] px-4 py-4 text-sm font-semibold">
 
               <!-- Heading  -->
               <div class="heading">
@@ -187,7 +187,7 @@
 
             <!-- Card Content  -->
             <div
-              class="bg-white w-full h-36 hover:h-auto flex justify-center flex-col text-justify rounded-b-[30px] px-4 py-4 text-sm font-semibold">
+              class="bg-white w-full h-36  flex justify-center flex-col text-justify rounded-b-[30px] px-4 py-4 text-sm font-semibold">
 
               <!-- Heading  -->
               <div class="heading">
@@ -215,7 +215,7 @@
 
           <!-- Card - 3  -->
           <div
-            class="card-1 h-[450px] w-[350px] relative bg-white rounded-[30px] group shadow-2xl ease-in-out duration-500 rounded-[30px] flex flex-col justify-between">
+            class="card-3 h-[450px] w-[350px] relative bg-white rounded-[30px] group shadow-2xl ease-in-out duration-500 rounded-[30px] flex flex-col justify-between">
 
             <!-- Card Image  -->
             <div
@@ -226,7 +226,7 @@
 
             <!-- Card Content  -->
             <div
-              class="bg-white w-full h-36 hover:h-auto flex justify-center flex-col text-justify rounded-b-[30px] px-4 py-4 text-sm font-semibold">
+              class="bg-white w-full h-36 flex justify-center flex-col text-justify rounded-b-[30px] px-4 py-4 text-sm font-semibold">
 
               <!-- Heading  -->
               <div class="heading text-left">
diff --git a/Blogs/newBlogStyle.css b/Blogs/newBlogStyle.css
index c8976dc5..c365e936 100644
--- a/Blogs/newBlogStyle.css
+++ b/Blogs/newBlogStyle.css
@@ -33,4 +33,4 @@
 ::-webkit-scrollbar-thumb:hover {
   background: linear-gradient(transparent, antiquewhite);
 
-}
\ No newline at end of file
+}