Matt Barty
banner
mattbarty.bsky.social
Matt Barty
@mattbarty.bsky.social
UX Engineer & Developer
-> mattbarty.com/projects
[2/2] The relative positioning / sizing uses percentages relative to the wall dimensions.

So it:
- Takes absolute positions (portrait.x, portrait.width)
- Converts to percentages relative to wall size
- Uses absolute CSS positioning (with relative percentages)

${(x / wallDimensions.width) * 100}%
February 9, 2025 at 4:39 PM
[1/2] Here is the repo: github.com/mattbarty/wa...

I wasn't planning on publishing it yet, so please excuse the shoddiness of it! But I'm keen t share.

All the code was generated Cursor with Claude 3.5, and ShadCN components, hence the single commit.

Explanation of relative distancing below ⬇️
GitHub - mattbarty/wallplanner
Contribute to mattbarty/wallplanner development by creating an account on GitHub.
github.com
February 9, 2025 at 4:35 PM