diff --git a/src/content/contents/hawaii/hike-to-diamond-head-lighthouse.css b/src/content/contents/hawaii/hike-to-diamond-head-lighthouse.css index 6165446..128e330 100644 --- a/src/content/contents/hawaii/hike-to-diamond-head-lighthouse.css +++ b/src/content/contents/hawaii/hike-to-diamond-head-lighthouse.css @@ -5,6 +5,14 @@ align-items: center; } + /* A flex container never collapses its items' margins, so the trailing + paragraph's margin-bottom stays trapped inside this box and adds itself + to whatever spacing follows -- pushing the dots divider below down by an + extra line. Let the next element own the gap. */ + .page-hike-to-diamond-head-lighthouse div.centered > :last-child { + margin-block-end: 0; + } + .page-hike-to-diamond-head-lighthouse figure { width: 390px; margin: 1rem; diff --git a/src/content/contents/hawaii/obama-s-neighborhood.css b/src/content/contents/hawaii/obama-s-neighborhood.css index 0ea9236..5e20e7d 100644 --- a/src/content/contents/hawaii/obama-s-neighborhood.css +++ b/src/content/contents/hawaii/obama-s-neighborhood.css @@ -4,3 +4,11 @@ justify-content: center; align-items: center; } + + /* A flex container never collapses its items' margins, so the trailing + paragraph's margin-bottom stays trapped inside this box and adds itself + to whatever spacing follows -- pushing the dots divider below down by an + extra line. Let the next element own the gap. */ + .page-obama-s-neighborhood .centered > :last-child { + margin-block-end: 0; + }