From 87f2558b73d08f24294f38c2e1bbcc4d85790aa2 Mon Sep 17 00:00:00 2001
From: Francesco Lorenzo D'Amico <francescodamico448@gmail.com>
Date: Wed, 2 Sep 2026 16:58:38 +0200
Subject: [PATCH] Fix uneven project card grid layout

---
 RazorPagesMovie/Pages/Index.cshtml | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/RazorPagesMovie/Pages/Index.cshtml b/RazorPagesMovie/Pages/Index.cshtml
index 9cea1e8..090afd3 100644
--- a/RazorPagesMovie/Pages/Index.cshtml
+++ b/RazorPagesMovie/Pages/Index.cshtml
@@ -777,19 +777,27 @@
                     <div class="project-actions"><a href="https://francescos-rezepten-tool.francesco-damico.ch/" target="_blank" rel="noopener">Projekt ansehen</a><a class="github" href="https://github.com/francesco448/Francescos.Recipes.World" target="_blank" rel="noopener">GitHub</a></div>
                 </article>
             </div>
+        </div>
 
-            <div class="col-lg-6 col-md-6">
-                <article class="project-card">
-                    <div class="portfolio-details-thumb"><img src="~/images/projects/Screenshot 2026-08-24 154143.png" alt="Realtime Chat App"></div>
-                    <div class="portfolio-details-titles">
-                        <h3>Realtime Chat App</h3>
-                        <p>Echtzeit-Chat-Anwendung mit React-Frontend, Node.js-Backend und persistenter Datenspeicherung. Nachrichten und Räume werden über Socket.IO in Echtzeit synchronisiert.</p>
+        <div class="row">
+            <div class="col-lg-12">
+                <article class="project-card project-card-expanded">
+                    <div class="row align-items-stretch g-0">
+                        <div class="col-lg-5">
+                            <div class="portfolio-details-thumb"><img src="~/images/projects/Screenshot 2026-08-24 154143.png" alt="Realtime Chat App"></div>
+                        </div>
+                        <div class="col-lg-7">
+                            <div class="portfolio-details-titles">
+                                <h3>Realtime Chat App</h3>
+                                <p>Echtzeit-Chat-Anwendung mit React-Frontend, Node.js-Backend und persistenter Datenspeicherung. Nachrichten und Räume werden über Socket.IO in Echtzeit synchronisiert.</p>
+                            </div>
+                            <div class="details-category">
+                                <h4>TECH:</h4><p>React · Node.js · Express · Socket.IO · MongoDB · Docker</p>
+                                <h4>Meine Arbeit:</h4><p>Frontend und Backend umgesetzt, Echtzeitkommunikation integriert, Datenhaltung angebunden und Anwendung mit Docker containerisiert.</p>
+                            </div>
+                            <div class="project-actions"><a href="https://chatapp.francesco-damico.ch/" target="_blank" rel="noopener">Projekt ansehen</a><a class="github" href="https://github.com/francesco448/chat-app" target="_blank" rel="noopener">GitHub</a></div>
+                        </div>
                     </div>
-                    <div class="details-category">
-                        <h4>TECH:</h4><p>React · Node.js · Express · Socket.IO · MongoDB · Docker</p>
-                        <h4>Meine Arbeit:</h4><p>Frontend und Backend umgesetzt, Echtzeitkommunikation integriert, Datenhaltung angebunden und Anwendung mit Docker containerisiert.</p>
-                    </div>
-                    <div class="project-actions"><a href="https://chatapp.francesco-damico.ch/" target="_blank" rel="noopener">Projekt ansehen</a><a class="github" href="https://github.com/francesco448/chat-app" target="_blank" rel="noopener">GitHub</a></div>
                 </article>
             </div>
         </div>