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?