fix: adjust column width for topcards in homepage details for better layout

Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html

@@ -96,7 +96,7 @@
       <div class="row m-t-24 justify-content-center">
         <!-- Column 1: Light & Dark + 12+ Designs -->
         @for (topcard of topcards; track topcard.key) {
-        <div class="col-md-4">
+        <div class="col-md-6">
           <div>
             <!-- @if (topcard.title === 'Light & Dark Color Schemes' || topcard.title.includes('12+')) { -->
             <mat-card class="shadow-none text-justify rounded-12 bg-light-{{ topcard.color }} card-box p-x-30 p-y-44">
@@ -110,7 +110,7 @@
           </div>
         </div>
         }
-        <div class="col-md-4">
+        <!-- <div class="col-md-4">
           <div>
             @for (topcard of topcards; track topcard.title)
             {
@@ -128,7 +128,7 @@
             </mat-card>
             } }
           </div>
-        </div>
+        </div> -->
 
         <!-- Column 2: Code Improvements + UI Components -->
         <div class="col-md-4">