From c09e6b328c04d1c4c2a05708c7cb1122df85ae8b Mon Sep 17 00:00:00 2001
From: blindxfish <blindxfish@gmail.com>
Date: Sun, 9 Aug 2026 21:32:53 +0200
Subject: [PATCH] Fix the member home layout: align the Code Farm promo, fill
 sparse post rows

The signed-in dashboard is a 1200px two-column grid, but the shared
Code Farm promo section stayed at the guest page's 960px centered
measure, so it floated misaligned under the dashboard columns. A
landing-game-dashboard modifier (applied only when a user is signed
in) stretches it to the dashboard's own measure and gutters. The
Latest Posts grid becomes repeat(auto-fit, minmax(320px, 1fr)) so a
single post fills the row instead of leaving a dead half-column while
two or more still lay out as the original two columns.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 devplacepy/static/css/landing.css | 8 +++++++-
 devplacepy/templates/landing.html | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/devplacepy/static/css/landing.css b/devplacepy/static/css/landing.css
index 9184a2e8..88178aa9 100644
--- a/devplacepy/static/css/landing.css
+++ b/devplacepy/static/css/landing.css
@@ -171,7 +171,7 @@
 
 .dashboard-posts-grid {
     display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
     gap: 0.875rem;
 }
 
@@ -1004,6 +1004,12 @@
     z-index: 1;
 }
 
+.landing-game-dashboard {
+    max-width: 1200px;
+    padding: 0 1.25rem;
+    margin-top: 2rem;
+}
+
 .landing-game-body {
     position: relative;
     overflow: hidden;
diff --git a/devplacepy/templates/landing.html b/devplacepy/templates/landing.html
index 3b9a964e..affa7ab0 100644
--- a/devplacepy/templates/landing.html
+++ b/devplacepy/templates/landing.html
@@ -146,7 +146,7 @@
     </section>
     {% endif %}
 
-    <section class="landing-game" aria-labelledby="landing-game-heading">
+    <section class="landing-game{% if user %} landing-game-dashboard{% endif %}" aria-labelledby="landing-game-heading">
         <div class="landing-game-glow"></div>
         <div class="landing-game-body">
             <span class="landing-game-eyebrow">New on DevPlace</span>