From 37d51fc33c8a56f96dd49a0afb3a935a3a8dd5c1 Mon Sep 17 00:00:00 2001
From: PirateJC <1668182+PirateJC@users.noreply.github.com>
Date: Thu, 16 Jul 2026 15:44:13 -0700
Subject: [PATCH] Fix horizontal scroll and text wrapping on /lite page

The text block used a fixed width: 1200px and the hero and CTA blocks used a 100vw / -50vw full-bleed hack. Both overflowed the viewport (a persistent horizontal scrollbar with classic scrollbars) and stopped the intro text from wrapping below 1200px. Use width: 100% with max-width and rely on the already full-bleed content container instead.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 src/assets/styles/ctaBlock.css  | 7 +------
 src/assets/styles/heroBlock.css | 5 -----
 src/assets/styles/textBlock.css | 6 +++---
 3 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/src/assets/styles/ctaBlock.css b/src/assets/styles/ctaBlock.css
index 7e5cf3c38..f1cd9ad6f 100644
--- a/src/assets/styles/ctaBlock.css
+++ b/src/assets/styles/ctaBlock.css
@@ -1,10 +1,5 @@
 .cta-block {
-    width: 100vw;
-    position: relative;
-    left: 50%;
-    right: 50%;
-    margin-left: -50vw;
-    margin-right: -50vw;
+    width: 100%;
     background: linear-gradient(135deg, var(--midBackground), var(--darkBackground));
     padding: 60px 20px;
     text-align: center;
diff --git a/src/assets/styles/heroBlock.css b/src/assets/styles/heroBlock.css
index cef020646..aa8b049bb 100644
--- a/src/assets/styles/heroBlock.css
+++ b/src/assets/styles/heroBlock.css
@@ -1,10 +1,5 @@
 .hero-block {
     width: 100%;
-    position: relative;
-    left: 50%;
-    right: 50%;
-    margin-left: -50vw;
-    margin-right: -50vw;
     padding: 70px 0 0;
     line-height: 0;
     overflow: hidden;
diff --git a/src/assets/styles/textBlock.css b/src/assets/styles/textBlock.css
index 610adbc4d..83679b41e 100644
--- a/src/assets/styles/textBlock.css
+++ b/src/assets/styles/textBlock.css
@@ -1,10 +1,10 @@
 
 .content-container > .text-block {
-    width: 1200px;
+    width: 100%;
+    max-width: 1200px;
     margin: 0 auto;
-    padding: 0;
     color: #E2E2E2;
-    padding: 0 !important;
+    padding: 0 15px !important;
 }
 
 .content-container > .text-block .inner-container {