Angular-gridster2: How do I mange responsiveness for different device sizes (xl, lg, md, sm, xs) ?

[shivam25]

Hello @tiberiuzuld ,

The responsiveness support I can see as of now is for single breakpoint, and reaching there all widgets are re-arranged in a single lane in a stacked layout. Is there any way, I can define multiple breakpoints like below:
xl breakpoint - 8 columns
lg breakpoint - 6 columns
---- likewise.

Please help.

[tiberiuzuld]

Hi @shivam25 ,
Yes you can with CSS Grid and @media-queries
You can override the css gridster.mobile with your own and you can define your own columns.
You will not be able to drag and resize.

There is no way for the grid to work with drag and resize when you move the widgets depending of the size.