How would I make the contents of a guiobject overflow when full?

Hi, I’ve been stuck on this problem and have looked all over devforum for answers. Let me explain in more details what I’m looking for. Say for instance, we had a frame.

image

Now, say we wanted to add some items inside that frame.

image

Simple enough, right? Okay, now let’s say we wanted to add some MORE objects inside THOSE frames?

image

Here’s how it’s looks so far. I changed it up a bit. It’s horizontal now. But as you can see the question remains. If you look closely, the contents inside of the first gui are clipped!! But we don’t want that, we want them to overflow to another line like this:

image

Now, if you do UI, you’re probably already saying to yourself, @Den_vers , you can just use uiGRIDlayout! But no. Here’s the thing. I have this problem, but with different sized elements. How would I use that now, huh? huh!?

And would it be possible for that to repeat? So if it overflows, the next one be right under it, and so on?

image

I made it blue so you could see the frame from the background

Please help, and thanks for the help!