Problem with q-img in grid with auto-wrapping

[ap1969]

Hi all,

I'm trying to present a grid of images pulled from an API, in a dialog. The grid is rendered using the quasar flexbox, and if I understand correctly, once you get beyond the 12 columns, it should auto-wrap.

However:
A) my columns aren't autowrapping,
B) the columns overlap

I've created a codesandbox to isolate and demonstrate the issue, and I'm wondering if someone could take a look to see what I've done wrong?

PS. I've put this in the PWA category because there doesn't seem to be an SPA category????

Thanks in advance,
Andy

[ap1969]

Ah, I got it sorted. I had to explicity set the columns to class "col-1" rather than "col".