I just finished working on Lucarus' profile. First time coding anything on here! :D I'd love to know what you think, or if you have any advice! ❤️

it's cute, but… it looks like you made it so that the background image fills up all browser window sizes. the problem with this is that, while the background will be different sizes on different screens, the elements of the profile itself will stay in the same place. this makes it so that profile sections appear in different places relative to the background depending on the size of one's window; they appear to "float" in place while the background moves.

a possible solution is to make the background image static in size, and add "padding" around it so it fills up larger screens while smaller screens can still see the important parts. another option is to leave the background as-is, but remove the boxes meant to contain the various profile sections and code them in with CSS instead.

additionally, the text is kind of hard to read against the background, so i would recommend making the white boxes slightly more opaque, and the spotlight nomination button is behind the story text.

Thank you, this helps a ton! <3 I'm still learning how to code all this, so thank you for mentioning things i could do :) <3

I also have absolutely no idea how to move that spotlight nomination button, it's been driving me nuts ._.

try this:

.pet_spotlight{position:absolute; margin-top:100px; margin-left:100px;}

adjust the numbers until it's where you want it.

the pet spotlight is the little heart button on top of the text, right? because that code doesn't seem to be doing anything :C

no, the heart is pet likes. to move it, use this code: .pet_like {position:absolute; left:100; top:100; }

the spotlight button is the link that says "nominate pet for spotlight." you can't see it on your own pet, so you would have to check on a different browser on which you are not logged in to subeta as you adjust its position.

Ah, I see :D Thank you! <3 <3 <3