How to dynamically adjust the card height in React without a fixed height?

I have a data array with multiple cards. Some cards have more content than others. I want to adjust the card height dynamically so that all cards have the same height. how can i achieve this?

<Row>
      {data.map((item) => (
        <Col xs={12} sm={12} md={6} lg={4} xl={3} xxl={3} className="mb-4">
          <Card>
            {item.content}
          </Card>
        </Col>
      ))}
    </Row>```