PDP: widen stepRow fact-cards back to 75rem (48rem read too squeezed)

This commit is contained in:
Marco
2026-08-30 00:26:10 +00:00
parent 2b3868b605
commit 807fda3d2a
2 changed files with 559 additions and 5 deletions
+4 -5
View File
@@ -176,13 +176,12 @@ export function renderProductBlock(block: ProductBlock, ctx: ProductBlockContext
// rendering diverges from Pages.layout's own connected-arrow stepRow
// (renderPageBlockSync), scoped to ProductBlocks.tsx. Icons black
// (#231f20), same override reasoning as the quote block below.
// max-w-[48rem] — der-eine's own original Focus.tsx used 75rem, but
// that read too wide/loose for this card row (reported 2026-08-30);
// narrowed to match the blog body column's own width instead
// (RichText.tsx's max-w-[48rem]).
// max-w-[48rem] (blog-body width) read too squeezed for a 3-4-card
// row (reported 2026-08-30, same day it was narrowed) — back to
// der-eine's own original Focus.tsx width.
case "stepRow":
return (
<div key={block.id} className="flex flex-col sm:flex-row gap-8 items-start w-full max-w-[48rem] mx-auto">
<div key={block.id} className="flex flex-col sm:flex-row gap-8 items-start w-full max-w-[75rem] mx-auto">
{block.items.map((item) => {
const Icon = STEP_ICONS[item.icon];
return (