diff --git a/frontend/src/routes/home3/+page.svelte b/frontend/src/routes/home3/+page.svelte index 9a93fc0..feab89a 100644 --- a/frontend/src/routes/home3/+page.svelte +++ b/frontend/src/routes/home3/+page.svelte @@ -317,9 +317,10 @@ display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, 1.82fr); gap: 16px; font-family: 'Work Sans', 'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif; } - /* Containment: every link in the chain must be allowed to shrink below its content, - or the phone joys rail forces the whole page wider than the viewport. */ - .bento, .rightcol, .pair-wrap, .joys-shelf, .joys { min-width: 0; max-width: 100%; } + /* Containment: the grid items + flex chain must be allowed to shrink below their content, + or the phone joys rail forces the whole page wider than the viewport. (NOT .bento — it + keeps its own max-width:1180px; listing it here would override that and go full-width.) */ + .news, .rightcol, .pair-wrap, .joys-shelf, .joys { min-width: 0; max-width: 100%; } /* right column matches the News height; Art stays pinned to the TOP and the Play/Moment pair to the BOTTOM, with the extra space distributed BETWEEN them (FIX1). The cards themselves keep their natural size and never stretch. */