I have a left-right flexbox:
.wrapper {
display: flex;
flex-direction: row;
align-items: stretch;
width: 100%;
height: 70vh;
min-height: 325px;
max-height:570px;
}
.wrapper>.left {
background: #fcc;
}
.wrapper>.right {
background: #ccf;
}
<div class="wrapper">
<div class="left">Left</div>
<div class="right">Right</div>
</div>
The problem is that the right child is not behaving responsively. To be specific, I want it to fill the height of the wrapper.
How to accomplish this?
background-color
for children or settingalign-items: center
in wrapper.