From f939866d3672fd6c9b2881d02df1145265d26cc8 Mon Sep 17 00:00:00 2001
From: Marek Lesko <marek@lesko.me>
Date: Wed, 22 Oct 2025 17:48:50 +0000
Subject: [PATCH] fix: adjust column width for topcards in homepage details for
 better layout

---
 .../homepage-details/homepage-details.component.html        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html b/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html
index 930dc7a..aca8114 100755
--- a/Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html
+++ b/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">