From ff7f11c61504e0fd1c05aecbfdaae47c27749ba8 Mon Sep 17 00:00:00 2001 From: Brian Glass Date: Tue, 11 Aug 2026 09:40:25 -0400 Subject: [PATCH 1/2] Fix header full-bleed edge gap and readings-column overflow on mobile The day/date header banner used width:100vw with a calculated negative margin to break out of its centered parent to the true viewport edges. That math depends on vw exactly matching the real rendering width, which isn't reliable on some mobile browsers -- confirmed via a real device screenshot showing the banner falling short of the left edge. Replaced it with a ::before pseudo-element spread far past its own bounds (clipped by body's existing overflow-x:hidden), which doesn't need vw precision to reach the true edges. Also fixes section.readings (a grid item in .readings-columns) rendering wider than its own grid track on narrow screens -- confirmed via devtools showing the column at 270px but the section at 294px. Same root cause as the site title fix from yesterday: an unshrinkable child (looks like the translation