Как растянуть пустой блок до высоты соседнего заполненного контентом?

Question

[It]

Собственно - вот песочница с примером
Есть два блока, один пустой, у него картинка\цвет на бекграунде, второй рядом с контентом, как сделать так, чтобы пустой блок растягивался по величине блока с конентом? Обернуты блок в контейнер с display: flex

Answer 1

[Froggyweb]

убрать у пустого блока height: 100%;
и вместо width 30% лучше использовать flex: 0 0 30% ну или как надо

Comments

[It]

это ж надо как просто, перепробовал кучу всего, а решение как всегда элементарное, благодарю!

Answer 2

[Егор Данченко]

.wrap {
  /* Не обязательно задавать, так как значение по умолчанию */
  align-items: stretch;
}

/* Убрать height: 100% */
.left {
  flex-shrink: 1;
  width: 30%;
  background-color: green;
}