From dc19622bbba2fead8cd9c0b2bda3a38abba0bd41 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Mon, 20 Oct 2025 17:27:50 -0500
Subject: [PATCH] fix(homepage): set fixed width for learning panel to prevent
 layout shift
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed the "What You'll Learn" panel from maxW to a fixed width (420px)
on desktop screens to prevent it from shifting when switching between
tutorials with different text lengths.

Also added minW: '0' to the tutorial panel to allow proper flex shrinking.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/web/src/app/page.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 52b8bfaf..5e580768 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -163,7 +163,7 @@ export default function HomePage() {
                   })}
                 >
                   {/* Tutorial on the left */}
-                  <div className={css({ flex: '1' })}>
+                  <div className={css({ flex: '1', minW: '0' })}>
                     <TutorialPlayer
                       key={selectedTutorial.id}
                       tutorial={selectedTutorial}
@@ -181,8 +181,7 @@ export default function HomePage() {
                   <div
                     className={css({
                       flex: '0 0 auto',
-                      minW: '340px',
-                      maxW: { base: '100%', md: '420px' },
+                      w: { base: '100%', md: '420px' },
                     })}
                   >
                     <h3