Flexbox make items same height
as you can see here Demo
, but you can use align-items
to change that or in your case Demo
.parent {
align-items: center;
display: flex;
}
.child {
border: 1px solid black;
margin: 5px;
}
.child:first-child {
height: 100px;
}
<div class="parent">
<div class="child">Child</div>
<div class="child">Child</div>
</div>