CSS - 将父 div 设置为与较小的孩子相同的高度

Question

我想创建一个视频播放器和旁边的视频列表，其高度与播放器完全相同（见下文），因为我不希望播放器旁边有任何空白区域。

我的问题是，如果我将窗口缩小，父 div（包含播放器和视频列表）不会随着播放器的高度而缩小，而是随着视频列表的增大而缩小。正因为如此，视频列表不会被强制overflow: scroll 并推动父母的高度（显然加上整个内容）。

这是我创建的小提琴： https://jsfiddle.net/spenglermanfred/bqk9d6zt/

是否有仅使用 CSS 的选项，或者如果没有，如何在 react 的帮助下解决这个问题？

谢谢