display: flex;
flex-wrap: wrap;
A collection of items have fixed height but variable width. when the viewport resizes or for responsiveness, I want to wrap items into the next row depending on shrinking or growing
I tried grid-auto-flow and grid-template-columns but
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
it overlaps items in rows because every item has different widths
