← Back to Articles
2026-05-26frontend

Post gallery grid refactored with stable layout and filler blobs

  • Change: Randomised bento sizing replaced with a deterministic algorithm in app/_component/post-gallery-utils.ts. app/_component/filler-blob.tsx introduced as a decorative gap-fill element. Layout is now stable across re-renders and SSR.
  • Why: Pure randomisation caused visual gaps and inconsistent grid fills; the bento layout needed to look intentional regardless of post count.
  • Affected Modules: app/_component/post-gallery.tsx, app/_component/post-gallery-utils.ts, app/_component/filler-blob.tsx
  • Trade-offs:
    • Pro: Consistent, predictable layout; filler blobs eliminate ugly whitespace at arbitrary post counts.
    • Con: Layout algorithm must be maintained alongside any future changes to card sizes or grid columns.