chore(release): 4.57.9 [skip ci]

## [4.57.9](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.8...v4.57.9) (2025-10-21) ### Bug Fixes * **homepage:** add overflow hidden to Your Journey section ([415a1fb](415a1fb1fa))
fix(homepage): add overflow hidden to Your Journey section
2025-10-21 14:44:30 +00:00 · 2025-10-21 09:43:13 -05:00 · 2025-10-21 14:33:47 +00:00 · 2025-10-21 09:32:33 -05:00
3 changed files with 21 additions and 7 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,17 @@
+## [4.57.9](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.8...v4.57.9) (2025-10-21)
+
+
+### Bug Fixes
+
+* **homepage:** add overflow hidden to Your Journey section ([415a1fb](https://github.com/antialias/soroban-abacus-flashcards/commit/415a1fb1faa263c9d69b4e781ce22da235ca2b66))
+
+## [4.57.8](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.7...v4.57.8) (2025-10-21)
+
+
+### Bug Fixes
+
+* **homepage:** adjust responsive breakpoints to prevent skill card clipping ([62ff067](https://github.com/antialias/soroban-abacus-flashcards/commit/62ff067bb956b17a9b3569eadc2a32abd24c27b8))
+
 ## [4.57.7](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.6...v4.57.7) (2025-10-21)


--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -149,24 +149,24 @@ export default function HomePage() {
                border: '1px solid',
                borderColor: 'gray.700',
                shadow: 'lg',
-                minW: '1400px',
+                minW: { base: '100%', xl: '1400px' },
                mx: 'auto',
              })}
            >
              <div
                className={css({
                  display: 'flex',
-                  flexDirection: { base: 'column', md: 'row' },
+                  flexDirection: { base: 'column', xl: 'row' },
                  gap: '8',
-                  alignItems: { base: 'center', md: 'flex-start' },
+                  alignItems: { base: 'center', xl: 'flex-start' },
                })}
              >
                {/* Tutorial on the left */}
                <div
                  className={css({
                    flex: '1',
-                    minW: { base: '100%', md: '500px' },
-                    maxW: { base: '100%', md: '500px' },
+                    minW: { base: '100%', xl: '500px' },
+                    maxW: { base: '100%', xl: '500px' },
                  })}
                >
                  <TutorialPlayer
@@ -397,7 +397,7 @@ export default function HomePage() {
            </section>

            {/* Progression Visualization */}
-            <section className={stack({ gap: '6', mb: '16' })}>
+            <section className={stack({ gap: '6', mb: '16', overflow: 'hidden' })}>
              <div className={css({ textAlign: 'center' })}>
                <h2
                  className={css({
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "soroban-monorepo",
-  "version": "4.57.7",
+  "version": "4.57.9",
  "private": true,
  "description": "Beautiful Soroban Flashcard Generator - Monorepo",
  "workspaces": [
Author	SHA1	Message	Date
semantic-release-bot	e54ea20dbe	chore(release): 4.57.9 [skip ci] ## [4.57.9](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.8...v4.57.9) (2025-10-21) ### Bug Fixes * homepage: add overflow hidden to Your Journey section ([`415a1fb`](`415a1fb1fa`))	2025-10-21 14:44:30 +00:00
Thomas Hallock	415a1fb1fa	fix(homepage): add overflow hidden to Your Journey section Prevents the level slider from causing horizontal overflow on mobile devices, which was making the page width wider than intended. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-21 09:43:13 -05:00
semantic-release-bot	60b3a788b3	chore(release): 4.57.8 [skip ci] ## [4.57.8](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.57.7...v4.57.8) (2025-10-21) ### Bug Fixes * homepage: adjust responsive breakpoints to prevent skill card clipping ([`62ff067`](`62ff067bb9`))	2025-10-21 14:33:47 +00:00
Thomas Hallock	62ff067bb9	fix(homepage): adjust responsive breakpoints to prevent skill card clipping Changed layout breakpoints from md (768px) to xl (1280px) to ensure: - Skills section doesn't get clipped at medium viewport sizes - Layout only switches to side-by-side when there's sufficient space - Container min-width is responsive (100% below xl, 1400px at xl+) This prevents the issue where content was overflowing at intermediate viewport widths. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-21 09:32:33 -05:00