можно ли сделать без js чтобы блок с классом elem2 занимал всегда половину высоты контейнера, а блок elem1 растягивался и растягивал контейнер. Сейчас при увеличении блока elem1 начинает сжиматься блок elem2.
.container {
display: flex;
width: 500px;
min-height: 150px;
background-color: gray;
color: white;
}
.item {
width: 100px;
background-color: black;
}
.elem2 {
height: 50%;
border: 1px solid white;
}
<div class="container">
<div class="item">
<div class="elem1">elem1 elem1 elem1 elem1 elem1 elem1 elem1 elem1 elem1 elem1</div>
<div class="elem2"></div>
</div>
</div>