From 4ac4a9c3bb7a672e8778f9300ce792377849b58d Mon Sep 17 00:00:00 2001 From: Joel Brock Date: Mon, 18 May 2026 09:36:55 -0700 Subject: [PATCH] Spacing: client tile breathing room, testimonial nest rhythm - .card--client gets 0.85rem of bottom padding so wrapping client names ("Perennial Promise Growers' Cooperative", "Common Good Management Services") no longer butt up against the bottom edge of the tile row. - .section--headless top margin grows ~2x (clamp 1.25-2 -> 2.75-4.5) so a nested testimonial sits comfortably below the section it's attached to. - New .section--headless + .section selector shrinks the next section's top margin so the testimonial's bottom whitespace doesn't double-pad before whatever comes after it. --- assets/css/styles.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index 94a02d3..ad617a9 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -188,7 +188,11 @@ body::before { .section { margin-top: clamp(4rem, 7vw, 6rem); } .section--headless { /* nest visually under the previous section instead of starting a new one */ - margin-top: clamp(1.25rem, 2.5vw, 2rem); + margin-top: clamp(2.75rem, 5vw, 4.5rem); +} +/* tighten the gap AFTER a headless section so the next section pulls back up */ +.section--headless + .section { + margin-top: clamp(2.25rem, 4vw, 3.5rem); } .section__head { display: grid; @@ -416,7 +420,7 @@ body::before { /* client tile — square logo, caption below, no card chrome */ .card--client { - padding: 0; + padding: 0 0 0.85rem; border: 0; background: transparent; display: flex; flex-direction: column;