From ef79d8eb6c65080d94becc50eb2108c0bbdcc3ab Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 26 Apr 2026 17:27:07 +0000
Subject: [PATCH] fix: remove horizontal scroll on mobile

Agent-Logs-Url: https://github.com/nitrocode/token-deathclock/sessions/c445c01a-a06a-4a77-95d2-65c06ac36a3d

Co-authored-by: nitrocode <7775707+nitrocode@users.noreply.github.com>
---
 styles/base.css          | 4 ++++
 styles/content-pages.css | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/styles/base.css b/styles/base.css
index b267ba1..d9da57a 100644
--- a/styles/base.css
+++ b/styles/base.css
@@ -91,6 +91,10 @@ section {
   right: 0;
   z-index: 1100;
   color: var(--bg);
+  /* overflow: hidden prevents the element from contributing to the
+     viewport scroll-width on iOS Safari, which can otherwise cause
+     a spurious horizontal scroll on mobile. */
+  overflow: hidden;
 }
 .github-corner svg {
   fill: var(--accent);
diff --git a/styles/content-pages.css b/styles/content-pages.css
index a0af1e2..7fa0132 100644
--- a/styles/content-pages.css
+++ b/styles/content-pages.css
@@ -6,7 +6,7 @@
 
 .news-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
   gap: 1.25rem;
   margin-top: 1.25rem;
 }