How to horizantally centre items?

[SanjayBikhchandani]

I want the items inside the MuuriComponent to be horizontally centre:
check out this demo: https://codesandbox.io/s/muuri-react-media-query-forked-f1p92?file=/package.json

I want the items in the 2nd row to be horizontally centre, I've tried modifying CSS for MuuriComponent but it didn't worked for me.

[grzegorzwozny]

Good question. I have the same issue.

[SanjayBikhchandani]

@kefirr Let me know if you found any solution for this

[grzegorzwozny]

In my case helped: .item { width: 25%; height: 400px; position: absolute; padding: 10px; }

but the better way is to use dedicated utility getResponsiveStyle

[SanjayBikhchandani]

@kefirr I think in your case number of item is fixed, but in my web app, the items keeps changing dynamically upto 25 items.
So if there's an odd number of items then I want it to be horizontally center.

Will it be good to use utility getResponsiveStyle in this case?