Hey @lironm sorry for the ultra late replay, never got a notification for this post
(or maybe i just missed it)
Anyway, I know I am late for the party here since you moved on to studio,
But unfortunately this is not a solution at all, as the main reason for this post is the ability of the grid cells to wrap automatically without the use of breakpoints and fill in the parent container at the same time.
Using your method makes it looks like a grid visually, but it dose not function like one which is the important part. When setting an item width in % it can never wrap by itself, as the % is always relative to the parent component current width.
Even when setting items to % and adding minimum width to each item in pixels (as you suggest), the component still have ugly spaces in the sides, since ultimately it’s still using % as the main drive for each item size. trying to set the width to 100% so it will fill in the whole component result in no wrapping, again, the main issue.
Grid cells in layouter have the option to set minimum and maximum width in pixels and so they wrap automatically without the use of any breakpoints, but most importantly they also fill the parent container beautifully in any viewport size.
I think grid cells is one of the most convenient layouts to use in many scenarios (especially for big layouts like hero folds and such), and it works really well, but having it only in a repeater form, and not in a layouter form as well, is very limiting and a big shame imho. since a repater have the same layout in all items, which is not something a user might want.
Using a grid cell in layouter form will allow to build complex websites without ever touching breakpoints (if one desires) but still have full control over the layout.
please see attached video in the link to better understand my meaning
(sorry can’t seem to find a way to directly upload a video in the post)
thank you