Issue with responsiveness

Hello everyone, newbie here.

Need help with making the collection list squares on main breakpoint and then on tablet everything overflows. What am I doing wrong?

Here is my site Read-Only: Webflow - H24

If i understood it right, you want your collection list to look like a grid in desktop and a list in the tablet and lower breakpoint.

  1. Select your collection list and turn it into a grid.

  2. If you want “three” products in a row, edit grid and set the columns to “three”

  3. For lower breakpoint, keep one column and delete the rest.

Hope it helps!

Far Imagine