I'm having issues trying to center the minion on my page.

I tried using this on

position: absolute; margin-left: auto; margin-right: auto;

but it ended up being perfectly aligned with in the left corner and not in the center of my screen. Adding any left pixels to it makes it start from the left side, not where autoing the margins puts it.

right now i'm using on

position: absolute; left: 58%; right: 42%;

to put it center, but then slightly more to the right to put it in the correct position. However if the screen size smaller or larger, it will move and cover up text or jump out of the box.

I hope my explanation makes sense. Can anyone help me out?

Are you looking for the minion to go below the pet information, like the center of the white box?

I actually think I have it figured out now after messing with it for awhile. ^^ but thank you!