From 7a0546c034d7bed83ea805efc7de5299a31aab85 Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Wed, 26 Nov 2025 09:46:56 +0000
Subject: [PATCH] fix: use responsive max-width for better scaling on all
 displays

Changes from hard-coded 1768px to min(95vw, 2400px) which scales
appropriately on 4K and ultrawide monitors while maintaining
breathing room at screen edges.
---
 frontend-modern/src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend-modern/src/index.css b/frontend-modern/src/index.css
index 5bb1298c1..11edcf257 100644
--- a/frontend-modern/src/index.css
+++ b/frontend-modern/src/index.css
@@ -126,7 +126,7 @@
 @layer components {
   .pulse-shell {
     width: 100%;
-    max-width: 1768px;
+    max-width: min(95vw, 2400px);
     margin-inline: auto;
     padding-inline: clamp(1rem, 1.5vw, 2rem);
     transition: padding-inline 0.3s ease;