diff --git a/package.json b/package.json index 9253644b..f3d18604 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "homepage", - "version": "1.58.0", + "version": "1.58.1", "private": true, "type": "module", "scripts": { diff --git a/src/routes/[faithLang=faithLang]/[apologetikSlug=apologetikSlug]/contra/+page.svelte b/src/routes/[faithLang=faithLang]/[apologetikSlug=apologetikSlug]/contra/+page.svelte index b8978288..4c13db2b 100644 --- a/src/routes/[faithLang=faithLang]/[apologetikSlug=apologetikSlug]/contra/+page.svelte +++ b/src/routes/[faithLang=faithLang]/[apologetikSlug=apologetikSlug]/contra/+page.svelte @@ -493,13 +493,14 @@ gap: 8px; align-items: center; margin-top: 12px; - width: max-content; - max-width: 100%; } @media (min-width: 760px) { .answer-rail { /* Extend past the 760px content column into the right gutter when space allows. - arg-body left = 50vw - 278px; available right width capped 24px from viewport edge. */ + arg-body left = 50vw - 278px; available right width capped 24px from viewport edge. + width:max-content lets the rail visually exceed its grid column up to max-width; + keep this scoped to >=760px so it doesn't inflate the column's intrinsic size on mobile. */ + width: max-content; max-width: min(calc(100vw - 126px), calc(50vw + 254px)); } }