Gui Scaling - I am pulling my hair out. please help

[Mattigins]

I am working on the gui of my game but i am facing issues while scaling for smaller screen sizes. I am wondering if someone can tell me what i am doing wrong here. I’ve been at this for many hours and i have tried everything i can think of but if i get 1 size to work, the other sizes don’t anymore.

Here is what it looks like in my full size screen, my desired result (mostly)

And this is what happens if i make the screen smaller.

Here is the project if anyone wants to play around with it or see what nonsense i’ve done to it.
PleaseHelpMeIAmGoingInsane.rbxl (78.3 KB)

[yaydood]

It looks like you use a lot of UI list layouts which could cause a lot of your UI elements to be pushed around off of edges and squished in weird ways. I recommend formatting a lot of the UI manually instead.

Also seems like theres a lot of automatic sizing thats messing some stuff up, looking into it right now.

[yaydood]

Alright, so I’ve recreated that left UI in a way that scales properly (at least, how i’d think you’d want it to scale):

Instead of using UiListLayouts to format the top, center, middle for each part, I manually put in what portion of the UI it will occupy. When you do it this way, it will align everything based on its constant position, but with a list layout, it tries to stack each element underneath the previous element. Ill provide the file so you can take a look.

machineUIthing.rbxm (10.3 KB)

[Mattigins]

Thank you so much. I’ll check it out soon. I’ll definitely be studying that file for best practices for future reference.