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.
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user