Looking into this :)

@Cresenta What is your screen resolution?

What is your pet Brinnypoo's tier? [edit] I think I have identified the tier issue actually, it was a small issue with T13 pets and a fix has been pushed.

@Cresenta That's odd, and they show 1 pet per row? Can you check if there are any errors in the console? (Ctrl+Shift+J) Are you viewing it maximized, and is your browser up-to-date?

It should go to 1-per-row only when the screen width is small, so I'm not sure what could be going on. If you could provide a full screenshot as well that would be helpful too.

@Cresenta Are you using any custom CSS, and could your adblocker or other browser extensions be interfering with it? I'm not able to replicate your error.

@Cresenta I don't know either.

Can you try inspecting the element? Right-click on one of your pet's images, and choose "Inspect Element". In the Inspector, you'll see a bunch of HTML and CSS. Click on the div highlighted in this screenshot: https://i.imgur.com/jjf11Rq.png

It would be great if you could screenshot the result for me, especially what it says in the "Styles" pane on the bottom there in my screenshot.

(I'm sorry to ask you to do all this debuggy stuff for me. But since I'm not able to reproduce the error, this is the only way we can get some clues about what's causing the problem for you.)

@Cresenta Yes. Does it highlight anything on the page when you hover over it?

Also, could you try viewing this page on another browser (like Firefox) and see if you have the same issue? That might shed some light.

@Cresenta Okay, I see where the issue is. But I still don't know what could be causing it. However we are close to finding out!

I drew a red box in your screenshot at the part that's causing the problem: https://i.imgur.com/D7JeBFU.png

Do you see where it says "pets.php:85" (it is underlined)? Can you please click on that, it will jump to a different panel in the inspector with more code, and screenshot what it says there? That should tell us what line of code is causing it.

The "box-sizing:border-box" has been crossed out in your screenshot because there's another CSS rule overriding it. That's what is causing the weird layout problems. My screenshot shows how it's supposed to be https://i.imgur.com/IfiAOzi.png

I highly suspect it is due to custom CSS, would you mind pasting your custom CSS in a pastebin (https://pastebin.com/) just so I can double-check it's not doing something weird?

@Cresenta Glad that's all it was! I'll lock this topic up as all the issues have been resolved.