← Back to Articles
2026-05-18frontend

Post gallery changed from list to randomised bento/masonry grid

  • Change: Home post gallery moved from a simple ordered list to a CSS-driven randomised bento grid where cards vary in size and position. globals.css received grid utility classes.
  • Why: Visual refresh; bento grids give a richer dashboard feel.
  • Affected Modules: app/_component/post-gallery.tsx, app/globals.css
  • Trade-offs:
    • Pro: More visually distinctive than a flat list.
    • Con: Randomised layout is non-deterministic on re-renders; later iterations (2026-05-26) had to add a stable layout algorithm and filler blobs to prevent jarring gaps.