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;
 }