Fixed-fortune-cards-layout

Author: Vedant1816

src/styles/pages/activities/FortuneCard.css

@@ -1,6 +1,7 @@
 .FortuneCard {
   text-align: center;
-  margin: 20px;
+  margin: 20px auto;
+  max-width: 100%;
 }
 
 h1 {
@@ -24,6 +25,8 @@ h1 {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
+  gap: 20px;
+  width: 100%;
 }
 
 .card {
@@ -33,11 +36,14 @@ h1 {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   padding: 20px;
   margin: 10px;
-  max-width: 300px;
   text-align: center;
   transition: transform 0.2s ease-in-out;
+  flex: 1 1 280px;   
+  min-width: 260px;  
+  max-width: 320px;  
 }
 
+
 .card:hover {
   transform: scale(1.05);
   background-color: #eaeaea;