Responsive Grid

[cloud-009]

I'm trying to create a Dashboard with this library, added all the widgets inside the layout array. So while adding all the widgets I gave all x & y property from KtdGridLayout.

Example of how I've added the widgets : -

{ id: 'SOME_WIDGET', x: 0, y: 0, w: 4, h: 7.5, minW: 3, minH: 7.5 },
{ id: 'ANOTHER_WIDGET', x: 4, y: 0, w: 4, h: 6, minW: 3, minH: 6 },
{ id: 'ONE_MORE_WIDGET', x: 8, y: 0, w: 4, h: 5.5, minW: 3, minH: 5.5 },

After I add widgets like this, it becomes static, if view-width is decreasing then also the layout remains same. How can I make it responsive?
I checked React-Grid-Layout it has some ResponsiveGridLayout which makes it responsive I guess in React, how can I achieve the same in Angular.

Any help will be appreciated, Thankyou.