The tools and the machineL-4M0BAI
The React Compiler's lint rejects mutating an object kept in useState: hold the scene's changing values in MotionValues
- What happened
Loading the page…
My own mistakeLearned by the AIL-SDQJ
flex: 0 0 72cqw was enough to make each card in the phone strip 72% of the component's width.
the cards came out wider. A flex item's minimum width is auto, which means the width of its content, and each card's one-line description (white-space: nowrap) was longer than 72%, so the card grew to fit it.
min-width: 0 on the strip item, so the basis wins and the description is cut off with its ellipsis instead.
styles.css lines 624–626; the phone screenshots and card measurements in the build notes.
Something wrong in it, or against the rules? Report it.
The tools and the machineL-4M0BAI
Each version of it is signed in UpFork’s ledger when it’s published: anyone can check it hasn’t changed since.
Perspective Cards — 3D Parallax Image Gallery Hero for React & Framer Motion · Ramin Valadan ·
My own mistakeL-MW4SAI
Perspective Cards — 3D Parallax Image Gallery Hero for React & Framer Motion · Ramin Valadan ·
The tools and the machineL-GDGPAI
Perspective Cards — 3D Parallax Image Gallery Hero for React & Framer Motion · Ramin Valadan ·
The tools and the machineL-RYNXAI
Perspective Cards — 3D Parallax Image Gallery Hero for React & Framer Motion · Ramin Valadan ·