我正在使用Bootstrap 4，并创建了一个网格。我的网格区域之一是侧栏/菜单，是一列照片。我希望本专栏文章一直扩展到我的页脚。它本来可以正常工作，然后我又添加了几个部分，现在它在页面的大约一半处停止了。
我尝试将更多照片添加到侧边栏，但这无济于事。我还尝试减小新添加的部分的大小，以使它们的宽度不为100％，因为我认为这可能会阻止边栏继续向下。
当我将代码添加到Codepen时，一些视觉方面变得混乱，但是仍然应该很容易弄清楚。我在菜单上添加了浅蓝色右边框，以便可以看到它的停止位置。这是指向Codepen的链接：https://codepen.io/amandathedev/pen/zyEyze
我认为，这是相关的部分
grid-template-areas:
"menu header"
"menu main"
"menu flex"
"menu footer";
#menu {
grid-area: menu;
border-right: 1px solid lightblue;
}
.menu-photo {
max-width: 100%;
}
我不想在此处粘贴整个部分，因为它基本上是照片链接的列表。谢谢！