html – Flexbox行/列等于高度

.row{
  display:flex;
  flex-direction:row;
  align-items:center;
}

.cell1, .cell2{
  width:50%;
}

.cell2 {
  background: green;
}

<div class="row">
    <div class="cell1"><img src="http://img.558idc.com/uploadfile/allimg/210612/125HH432-0.jpg" ></div>
    <div class="cell2">Cell 2</div>
</div>

现在我想要cell2的背景是绿色的,并且需要cell2与cell1的高度相同,我知道我可以通过给出这个背景的行来实现它,但是我怎么才让cell2的背景变成绿色(并且具有相同的高度为cell1)？

.row {
  display: flex;
}

.cell1,
.cell2 {
  width: 50%;
}

.cell2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  background:green;
}

<div class="row">
  <div class="cell1"><img src="http://img.558idc.com/uploadfile/allimg/210612/125HI509-1.jpg" ></div>
  <div class="cell2">some text here</div>
</div>