Issue with UI scaling

I want to make my UI look good on all screens, but I don’t know how I can make the UI maintain a gap. I am using scale size and scale position.
(also im not sure if this is the correct category so sorry if it’s not).

I have looked over the developer forum and I can’t find anything.

Here are some screenshots.

In Studio:
image

In Game:
image

Thanks for any help!

1 Like

Try putting your buttons into a Frame that has a UIGridLayout.
Set the frame’s size with scale, and set the gap’s size by setting the CellPadding of the UIGridLayout.

I can’t do that, I would like to keep the buttons in separate ScreenGuis.

Hmm, then I think you should play around with the anchor point of your buttons.
If you set the anchor X to 0, and set the green button’s position to the orange button’s X-size plus your offset, it could work.

And I think you should put your AspectRatioConstraint’s AspectType to “FitWithinMaxSize”.

okay, i will try that. Thanks!