Responsive and size of items

[leocharrua]

Hello. I have a grid with image buttons (like a menu of buttons).

I need a responsive behaivor, like this:

Xs: 6 cols (two items in a row)
Sm: 3 cols (four items in a row)
Xl: 2 cols (six items in a row)

1. How I can do that with angular-gridster2?

2. How I can set the width and the height of the gridter-item to the width and the height of the button? (I don't want to use all the free space)

3. When I have vertical scroll enable, I can't drag the gridter-item (insted of, it does the scroll)

Can you help me?

PS: I'm using ionic 7 with angular 17

Thanks