Fix uneven project card grid layout

RazorPagesMovie/Pages/Index.cshtml

@@ -777,10 +777,16 @@
                     <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="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>
@@ -790,6 +796,8 @@
                                 <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>
                 </article>
             </div>
         </div>