Css 即使在滚动时也无法查看页面的全部内容

试图在向下滚动时显示此页上的最后一张卡。当前，页脚用main类阻塞了article元素中最后一张卡片的底部。我为主类添加了以下css，但当向下滚动时，我仍然看不到最后一张卡的底部。我该如何解决这个问题。非常感谢。可以看到整个项目

---

添加

页边距底部

.main {
    grid-area: main;
    padding: 5px;
    border-left: 1px solid gray;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    height: 100%;
    margin-bottom: 75px;
}

.main {
    grid-area: main;
    padding: 5px;
    border-left: 1px solid gray;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    height: 100%;
    margin-bottom: 75px;
}