我正在使用MUI網格布局，試圖使一個部分變得更大，并使底部部分伸展

我創建了以下代碼沙箱來舉例說明我的問題:https://codesandbox.io/s/react-mui-forked-kzwtjp?文件=/index.js

第一部分有一個最大高度設置，我假設因為這個，因為第二部分和第三部分有一個100%的高度，它會拉伸，但這并沒有發生。

基本上我想要的照片

我希望第2部分和第3部分都填滿可用空間