Merge pull request #3258 from Hemraj-7/myfin3

Good cards issue is solved, Issue number #3100 is solved
ayush-that · Nov 10, 2024 · b9e5ca0 · b9e5ca0
2 parents 8261122 + af5225c
commit b9e5ca0
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/about.html b/about.html
@@ -955,7 +955,7 @@ <h3 class="card-title">Tax Planning</h3>
 
     <div class="blog-content back">
       <div id="good-card">
-        <div id="good-card1" style="margin-right: 15px;">
+        <div id="good-card1">
           <h1 class="head">Grow with Arth</h1>
           <div id="white-card1" style="padding: 10px; ">
             Wanna learn how to grow your money to become rich? We have made becoming a stock market Guru easy with our
@@ -967,7 +967,7 @@ <h1 class="head">Grow with Arth</h1>
           </div>
           <div id="shadow1"></div>
         </div>
-        <div id="good-card2" style="margin-right: 15px;">
+        <div id="good-card2">
           <div id="round1">
             <!-- Add content or styles if needed -->
           </div>
@@ -1108,6 +1108,7 @@ <h1 class="head" id="card3">FinVeda Tools</h1>
         font-size: 14px;
         padding: 20px;
         text-align: center;
+        margin-right: 15px;
       }
 
       .head {
@@ -1127,6 +1128,20 @@ <h1 class="head" id="card3">FinVeda Tools</h1>
         font-size: 0.9rem;
       }
 
+      @media screen and (max-width: 480px) {
+        #good-card{
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+        }
+        #good-card1,
+        #good-card2,
+        #good-card3 {
+          margin-right: 0px;
+        }
+      }
+
 
       @media screen and (max-width: 480px) {
         .head {