UI element spacing different on all devices

Hello everyone!

I have been having some difficulty spacing UI elements evenly on all devices. For example, here’s the UI on a laptop:

image

However, here’s the UI on a tablet.

image

(I added UIAspectRatioConstraint and used UI Tools’ Scale Position/Size)

Is there any way to fix this? I want to make the UI mobile friendly as well as PC compatible! Thanks in advance for any help.

Look into using Anchor Points as well, this will solve your issue:

https://create.roblox.com/docs/reference/engine/classes/GuiObject#AnchorPoint

I tried different anchor points and I have the same problem. The anchor point seems to only move the gui.

(1,1) anchor point:

In each gui object set an anchor point of (0.5,0.5)

Can you show the properties tab. It seems you are using Pixels rather than scale.