Equal height rows in a flex container

Question

As you can see, the list-items in the first row have same height. But items in the second row have different height

Answer 1

In your case height will be calculated automatically, so you have to provide the height
use this

.list-content{
  width: 100%;
  height:150px;
}