i decided pinafore's ancient profile was in need of an update, so i gave it a second go round. it was a lot of fussing to make sure everything stays centered with a scaling page, though, so i'm curious if everything looks alright on other folks' resolutions? thoughts in general are also welcome, of course.
Everything looks nice on my screen! Absolutely gorgeous profile. (:
Just cuz you asked...
The background image (the open book) will become misaligned with your page content on smaller widths. Since the background image should be aligned with the page content in all cases, I would place it as the background of your pet_info div instead, relatively position pet_info, and absolutely position the contents. Hope this helps c:
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
thanks, i noticed that but couldn't think of an efficient way to fix it (positioning everything took so long and by the time i considered changing it i was exhausted and figured most people have screens at least 900 px wide). i will look into it though.
Doing it the way I described wouldn't take long or be complex as all of the positions would be relative to the storybook (so-to-speak)
The easiest method would be to have the storybook be a centered background on pet_info, but have a little padding around it (that is, pet_info should be a bit larger than it). Positioning things from there should be fairly simple to estimate and adjust - for instance, the safety pin at the top right corner would simple be top:0 right:0 and the spool of thread would just be bottom:0 right:0.
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights