I was recently playing with UI, layout elements, group, fitters, etc. Because I want my in-game store menu to be adjusted to any kind of ratio (especially on mobile).
So I finally came up with a decent solution which works fine on different ratios.
I added a layout group inside a panel then, one of these groups element is a “frame” (empty gameobject) inside that “frame” I have another layout group inside another panel.
Then, I start doubting myself if this ui hierarchy / structure is that good.
I have been told that only playing with the layout element should be enough to keep my ui elements in place in different ratios, but did not work.
Here a quick mock up of what I did.
Here the final hierachy

But something is bothering me by having too much “panels” and "frames.”
Sometimes I ended up to add another panel because there’s a background image.
Is this a good solution to handle different ratios for UI?
What do you think?
Thank you