Need to find a way to dynamicly resize

[Weltgeist]

Currently Business List component gets all business data in array format from the Apps component props.
It then passes down that data to a Business Card Component using props and uses Row & Col & Contrainer from React Boostrap to make a grid layout.

I'm using

    //Splitting Columns into a grid
    const gridItems = chunk(listItems,4);

to split the list into 4 items per row.

Need to find a way to dynamically change row on window resize,
1400px + 4 items
1200-1400 px - 3 items
under 1200px 2 items.

currently:
From this:

to this: