fix(homepage): align container width breakpoint with grid columns

Changed width breakpoint from md to lg to match when the grid switches
to 2 columns. This prevents overflow on medium-width screens where the
container was 650px wide but still showing 1-column layout.

Now:
- Below lg: 100% width, 1 column
- At lg+: 650px width, 2 columns

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-10-20 19:29:05 -05:00
parent bc1ad3a43a
commit 422bf3d968

View File

@@ -188,7 +188,7 @@ export default function HomePage() {
<div <div
className={css({ className={css({
flex: '0 0 auto', flex: '0 0 auto',
w: { base: '100%', md: '650px' }, w: { base: '100%', lg: '650px' },
})} })}
> >
<h3 <h3