Merge pull request #840 from Shubham185y/shubham

fixed overflow of card behaviour in blogs section
akshitagupta15june · Jun 22, 2023 · 4ada407 · 4ada407
2 parents 7162faa + 140ea50
commit 4ada407
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -33,4 +33,4 @@
 ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(transparent, antiquewhite);
 
-}
+}