BuyCraft | BuyCraft port for PocketMine-MP | Game Engine library

I have the main division: panel-body and divisions inside: package My package display inside of panel-body proprely and they stack in row.

Here's the live website: https://royalkingdom.net/store/?cat=1

I've tried adding to my package: float:left; but when I do so, the packages don't go insied the body.

If I remove float:left; it works but they are not 3 per row

My package css:

So a buddy of mine encountered an issue, the website displays properly when on a screen that's 1440px by 1024px, however on a smaller screen you have to scroll to see further down. We've both been searching and can't figure it out, now it could be the fact that it's made primarily from pngs that the scaling doesn't work properly or it could also be that we're both idiots and it's actually very simple, whichever the case we can't figure it out So hopefully someone can. Overflow-y:hidden will not fix the problem as that would only prevent scrolling and the content of the page stays as is. We've also tried getting JS to detect the window size and it also doesn't seem to work.

Here it is at 100% zoom on a 1366px by 768px screen https://imgur.com/LN6YJUJ

This is what he wants it to look like without the scrolling of course (This is at 65% zoom same screen) https://imgur.com/97vjDs0

Here's the CSS and HTML (it won't run due to missing files but I assume the issue would be in these)

I want these 3 buttons to be vertically and horizontally aligned but when I try to align them, the last button is falling down and I don't know why. This is the original code without alignment, some one can help me?