一旦屏幕宽度减小，页脚就会与正文内容重叠

Question

我一直在开发一个网站，一切都按计划进行，除了 **Footer** 与我的正文内容重叠。
当我尝试将浏览器窗口的宽度减小到大约 1024 像素时，页脚开始以一种意想不到的方式 **OVERLAP** 我的正文内容。
该网站位于：https://krishangsharma.github.io/work-with-me
任何帮助表示赞赏。
问候

Answer 1

我查看了网站链接并检查了元素以了解导致这种“重叠”的原因（考虑到浏览器宽度低于 1000 像素）。

在.current-Project类的部分，我将height值改为auto，似乎解决了问题。

是这样的：

.current-Project {
    width: 100%;
    height: 350px;
    margin: 5% 0;
}

到这里：

.current-Project {
    width: 100%;
    height: auto;
    margin: 5% 0;
}

我不需要更改页脚元素中的任何内容，但我不知道这是否是您期望的结果