From b68dd4d0e3cf8b4e7db5a2b90ad0990aa656d93a Mon Sep 17 00:00:00 2001
From: Stephen Waits <steve@waits.net>
Date: Wed, 8 Apr 2026 17:23:21 -0600
Subject: [PATCH] fix: prevent pre blocks from overflowing viewport on mobile

---
 src/styles/global.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/styles/global.css b/src/styles/global.css
index 56c49f6..f8d4b15 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -49,6 +49,12 @@
     border-radius: 3px;
   }
 
+  /* All pre blocks: stay within viewport, scroll content */
+  pre {
+    max-width: 100%;
+    overflow-x: auto;
+  }
+
   /* Shiki code blocks — match site card background */
   .astro-code {
     background-color: var(--color-bg-card) !important;