How can I make Scrolling Frame Gui and their children compatible on all screens?

Hello fellow people!
I am having some confusion on how to achieve a perfected Scrolling Frame, with all of its children looking the same on all screen sizes, etc. I know that there are a ton of topics on there, but most of them sadly don’t make sense or don’t even work in my scenario.

What I want to achieve on ALL devices and sizes:


don’t mind the ZIndex btw…
Sadly I’m the last person to know about scaling and device support for UI, etc. This is what happens when I try a diff. device:
image
I also want to autoscale the canvas because I don’t know the exact number of slots. It would be also much appreciated if you can do it step by step :pray:
Thanks for stopping by and helping!