front page: stack the campaign section — image on top, text below

62fab0c36bdf2c474ad2dc65fa071740d0a051fe · 2026-09-09 11:41:43 -0700 · Steve

Per Steve: campaign band goes from side-by-side (image left/text right) to
stacked full-width image on top of the dark text band. Local build; deploying.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01U2uvgXWs4FjLd6eDBDNUxP

Files touched

M public/index.html

Diff

commit 62fab0c36bdf2c474ad2dc65fa071740d0a051fe
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Sep 9 11:41:43 2026 -0700

    front page: stack the campaign section — image on top, text below
    
    Per Steve: campaign band goes from side-by-side (image left/text right) to
    stacked full-width image on top of the dark text band. Local build; deploying.
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
    Claude-Session: https://claude.ai/code/session_01U2uvgXWs4FjLd6eDBDNUxP
---
 public/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 58aae89..6057810 100644
--- a/public/index.html
+++ b/public/index.html
@@ -265,8 +265,8 @@
   .edit-piece .pl { margin-top:9px; font:600 15px 'Playfair Display',Georgia,serif; }
   .edit-piece .pn { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-top:2px; }
   @media(max-width:640px){ .edit-trio{ grid-template-columns:1fr; max-width:320px; } }
-  .campaign { position:relative; display:grid; grid-template-columns:1.05fr 1fr; align-items:stretch; background:#141210; color:#f4f1ea; border-bottom:1px solid var(--line); }
-  .campaign .cimg img { width:100%; height:100%; object-fit:cover; display:block; min-height:360px; }
+  .campaign { position:relative; display:grid; grid-template-columns:1fr; background:#141210; color:#f4f1ea; border-bottom:1px solid var(--line); }
+  .campaign .cimg img { width:100%; height:clamp(360px,56vh,640px); object-fit:cover; object-position:center 22%; display:block; }
   .campaign .ctxt { padding:clamp(30px,5vw,76px); display:flex; flex-direction:column; justify-content:center; gap:15px; }
   .campaign .ck { font-size:12px; letter-spacing:.26em; text-transform:uppercase; opacity:.6; }
   .campaign .ch2 { font:400 clamp(26px,4vw,48px)/1.04 'Playfair Display',Georgia,serif; margin:0; }

← 1e946e3 auto-data-snapshot: 2026-09-09T11:09:48 (1 data files) — ver · back to CelebritySignatures · front page: flip sections — campaign (seated Lincoln) leads, f757861 →