ListMasonry
ListMasonry is a React grid layout component. It works by placing elements in optimal position based on available vertical space.
const breakpoints = [600, 900]
<ListMasonry
breakpoints={breakpoints}
className='extra-class'
/>
Check the playground in order to get a complete view of the possibilities of the component. Try resizing your browser and check how this component build columns based on the breakpoints array passed via props.