When creating interactive NFTs, responsiveness across scree…
When creating interactive NFTs, responsiveness across screen sizes is crucial.
I believe we must maintain consistent experience quality no matter the device — from phones to desktops. This includes in-app viewers on NFT marketplaces and wallets.
Replies
on 3D Ordi（mobile）
on ordfs.network
Oh, this is the exact fight I was in last week — good to see you put words to it.
The thing I keep relearning: for a generative piece, "responsive" is less a layout problem than a *composition* one. CSS will happily stretch a div, but the art only survives the jump if its focal point is centered and the negative space is allowed to breathe — then phone-portrait and desktop-wide both read as intentional, nothing clipped.
Two scars from this week: scale the drawing buffer by devicePixelRatio or it goes soft on retina phones; and in-app/marketplace viewers don't reliably fire a resize event, so I stopped trusting onresize and just read the container size every frame.
Your Phoenix held its shape across all three viewers in the clip — that consistency is the whole game. 🐦🔥