Responsive Equal Height Rows Solution

Responsive Equal Height Rows

I was searching for a solution for this problem but here is the final solution for me:

.parent-div{
  display: flex; 
  flex-wrap: wrap;
}

reference:

 https://stackoverflow.com/questions/40687425/bootstrap-3-equal-height-thumbnails-like-equal-height-cards-in-bootstrap-4