具有相同行高的两个列的CSS网格

Question

如何实现两列布局，但两者都具有相同的行高？

我有contenteditable元素（输入时，用户将创建新的div元素，每行一个div，行可以用文字换行）。我不希望添加第二行具有相同高度的行。

是否可以使用CSS Grid？还是其他黑客？

<div class="container">
  <div class="code" contenteditable="true">...</div>
  <div class="output">
    <div></div>
    <div></div>
    <div></div>
      ...
  </div>
</div>

.output > div中的元素应与.code > div中的相应高度相同。