From 42ad9e869cf16a799d26805aacc23f14a3ecc6b4 Mon Sep 17 00:00:00 2001
From: Builder <build@local>
Date: Tue, 12 May 2026 16:35:16 -0400
Subject: [PATCH] Wrap long text and code blocks on mobile instead of clipping

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 css/app.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/css/app.css b/css/app.css
index 4392bdb..fe256cc 100644
--- a/css/app.css
+++ b/css/app.css
@@ -861,7 +861,8 @@ body {
   .test { min-height: 40px; padding: 6px 10px 6px 22px; }
   .test__run { width: 28px; height: 28px; }
 
-  .snippet { white-space: pre-wrap; word-break: break-word; overflow-x: auto; }
+  .snippet { white-space: pre-wrap; word-break: break-all; overflow-x: auto; }
+  .source__code { white-space: pre-wrap; word-break: break-all; }
 
   .cards { grid-template-columns: 1fr; }
   .contact-grid { grid-template-columns: 1fr; }
@@ -869,7 +870,9 @@ body {
   .skill__bar { width: 100%; }
   .skill__pct { text-align: left; }
 
-  .block p { max-width: none; }
+  .block p { max-width: none; word-wrap: break-word; overflow-wrap: break-word; }
+  .block ul { padding-left: 14px; }
+  .block ul li { word-wrap: break-word; overflow-wrap: break-word; }
   .cta-row { flex-direction: column; }
   .cta { justify-content: center; width: 100%; }