How to scale UIGridLayout to different devices?

I’ve managed to get the UI itself to scale to other devices, but the buttons I have included in a UIGridLayout do not scale, and go outside of the screen in some devices. Based on a tutorial I was watching, I know this is possible, but the tutorial did not say how they did it, and the part is sped up so I can’t tell what they’re doing. And, after some research, I haven’t found a solution.
Attached are imaged of what I mean.
Normal Layout


On smaller devices such as smartphones

I bet it’s a really simple solution and I’m just too much of a noob to realise it lol.
Any help is appreciated. Thank you :slight_smile:

I would suggest using something like AutoScale, a plugin that enables you to autoscale the UI depending on the device it is on. Or, you could manually do it, like putting a UIAspectRatioConstraint.

I tried to install that plugin a couple days ago but it just wont appear in Studio for some reason. As for manually doing it, I have used so UIAspectRatioContraints, but where would I put one to avoid the buttons spilling over like that?

EDIT: Tried UIAspectRatioContraint, putting it on the frame that contains the grid layout. The buttons themselves already have the constraint applied. Made no difference

Use the plugin on the Screengui it is in.

Ok, still couldn’t get the plugin to work. But I did manage to manually fix it. It was a pain but; just going in and swapping over the UIGridLayout scales (Cell Size and Cell Padding) to be on scale rather than offset. Took a lot of fiddling to then get things right, but it works and it now scales. Such a simple solution and I don’t know why I didn’t think of that lol.