Rebuilding the portfolio as a bento grid
A note on the previous version
Live
Overview
How the portfolio hub was rebuilt with a CSS Grid bento layout and GSAP sequencing — the structure that preceded this desktop version.
Released2026-01-05
StatusLive
Platforms—
Notes
Goal
There needed to be one screen that connected every project. The goal was visual impact and readable flow at the same time.
Structure
A CSS Grid bento layout with GSAP sequencing for rhythm, with the root route separated from /journal, /privacy, /terms, and /contact.
Looking back
As the grid reflowed with viewport width, the position of everything kept shifting. This desktop metaphor is an attempt to solve that with space whose positions do not move.