Hello, I am creating a dynamic card layout with React, where the cards represent categories and contain related objects.
The number of objects within each category can vary (based on the API), which affects the height of each category card.
Currently, the cards are arranged in rows, and the height of each row adjusts based on the tallest category card.
My goal is to optimize the distribution of the cards so that, whenever possible, two cards are displayed in the same row, which would provide a more balanced and appealing layout on the screen.
Is there a CSS or Javascript property that does this by default?