Please be gentle with me, this is my first crack at css & html in a long time haha, I know it's messy and uncoordinated.
So I'm manually programming a sidebar and I can't figure out how to make the counters (like gallery and comments) actually function, and how to get the favorites star working. I've got a ghost code (one that's not operational but LOOKs operational) but I'd thoroughly appreciate any and all help! My CSS and HTML is a bit rusty, school mostly uses java and javascript lol.
Bonus if anyone can help me push all the visual elements (like the star, bookmarks, chat box, etc) to the right of the container without sticking them behind the words. I appreciate it!
Here's the character page (Warning, this is a HEAVY WIP and will NOT look right on mobile, I haven't cracked desktop yet so I haven't started working on mobile yet): https://toyhou.se/20673245.minnow#
If you want the gallery and comments stats to actually function, you should use CSS to customize the pre-existing sidebar rather than writing HTML. The favorites star can be done with HTML... but I honestly would not suggest that.
For pushing everything to the right, that can be done using flex properties (justify-content: space-between) or float properties (float: right), but again, I would suggest using the pre-existing HTML and using CSS to customize it.