Weweb AI Fail: How do I turn this collection list into a grid?

I have a collection list being displayed as a list. I’m trying to display this as a grid only includes the profile images (no text). My desired configuration is a 5 column grid and the number of rows will be dependent on how many items are in the collection.

I tried to get WeWeb AI to make the change, and despite several attempts and corrective prompts, (and despite the fact that I confirmed that it’s thinking process was correct) WeWeb AI f*cked it up so badly that I needed to restore my editor to a previous state. EVERY SINGLE TIME I’ve tried using WeWeb AI for anything it has failed. I now feel like it’s a total waste of my time to even try using it anymore. The team has claimed that it’s much better now, but that has not been my experience.

So my first question is how would I accomplish this manually? Please see screen grab for my structure. I tried changing the parent container from Flex to Grid, but that didn’t seem to work for me (or I did it wrong).

Next question (to those WeWeb AI experts in the group) - how exactly would you go about getting AI to accomplish this? Whet element would select for context, and what would your prompt be?

Just for a lark, on a blank page I asked AI to create a grid profile images that was 5 columns and contained 10 images. It failed. after repeated re-promts it continued to fail.

1 Like

Set Display to Grid and add 5 columns.

2 Likes

Thanks Broberto. Community: 1 AI: 0

1 Like