Need help in keeping ScrollingFrame children consistent with UIGridLayout

[H3XAGON]

Hello,
I have a problem with regards to my ScrollingFrame. I am trying to keep the children under my ScrollingFrame (which has a UIGridLayout) the same size, however whenever I test it on mobile, it does not have the same amount of rows and only displays one frame per row.

Here is an image of it on PC:

Image of it on Mobile:

As seen in the mobile image, it does not keep the same three frames per row but rather does one per row and it stays very big.

Here is what it looks like on the explorer:

Everything has already been scaled already through the AutoScale Plus plugin, so I’m not sure why this would be happening still.

I would appreciate it if anyone could assist me through this,
Thank you

[VSCPlays (Void)]

show me the UIGridLayout properties!

[H3XAGON]

Here’s the properties:

[VSCPlays (Void)]

It’s on Offset, Please use the AutoScale Plugin to convert it to scale