Correct way to scale a ui on all platforms

Now I am not a UI Designer no where close to that but when time comes for me to make a UI scaling it evenly and correctly for all platforms comes with many challenges that I cannot seem to overcome. I have tried Autoscale plus and the Offset being set to zero and nothing has been working. Any suggestions would help out a bunch thanks!

This image shows how the UI becomes very weirdly scaled when its not suppose to be that big for pc players.

Have you tried using a UIAspectRatioConstraint (UIAspectRatioConstraint | Documentation - Roblox Creator Hub)? And if you could provide what it should look like that would be great

With the UIAspectRatioConstraint the ui looks the same from the viewpoint of inside studio but as soon as you test in real server it morphs into the bigger scaled version.

UIAspectRatioContraint image.
image

Could you provide the properties for these ui objects? And any descendants that might be afecting their size?

These are the properties for the main holder for the player hud.

Seems to look fine, but could you show comparison of what you want it to look vs what it makes it look like? And pc vs mobile comparison?