bluntbrain

Responsive Canvas Journal: Document Flow & Float Intent Model

The Problem: Fixed Coordinates Break Across Devices

If you store image positions as pixel coordinates (x: 200, y: 450), here's what happens:

1. User writes a journal entry on mobile (375px wide), places an image next to paragraph 2
2. Image is saved at coordinates relative to the 375px canvas
3. User opens the same journal on desktop (720px wide)
4. Text reflows for the wider canvas — paragraph 2 is now at Y=200 instead of Y=450