From 0651fe1896974ee9934060c423e553cd5ec1c34e Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Tue, 24 Feb 2026 17:53:11 -0800
Subject: [PATCH] fix: ensure Getting Started section is full-width page break

- Add explicit w-full on section element
- Replace Tailwind container class with max-w-7xl for cleaner width control
- Add overflow-x: hidden on body to prevent edge gaps
- Increase vertical padding for stronger visual page break effect

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/app/globals.css               | 1 +
 src/components/GettingStarted.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index e13a194..876bffc 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -28,6 +28,7 @@ body {
   background: var(--background);
   color: var(--foreground);
   font-family: var(--font-sans), Arial, Helvetica, sans-serif;
+  overflow-x: hidden;
 }
 
 html {
diff --git a/src/components/GettingStarted.tsx b/src/components/GettingStarted.tsx
index e17311b..f9793d8 100644
--- a/src/components/GettingStarted.tsx
+++ b/src/components/GettingStarted.tsx
@@ -57,8 +57,8 @@ const resources = [
 
 export default function GettingStarted() {
   return (
-    <section className="bg-cadcad-blue py-12">
-      <div className="container mx-auto flex flex-wrap pt-4 pb-12 text-center">
+    <section className="w-full bg-cadcad-blue py-16">
+      <div className="mx-auto flex max-w-7xl flex-wrap px-6 pt-4 pb-12 text-center">
         <div className="w-full px-6">
           <h2 className="mb-8 text-3xl font-bold text-white sm:text-4xl">
             Getting Started