body 的一部分 off-screen

Question

几天来我一直在研究个人作品集。我最初是为了我的 freeCodeCamp 认证而制作的。但是，现在我想扩展它，但是我一直面临着 body 的一部分变为 off-screen 的页面的奇怪问题。我试过调整和删除各种元素的高度，并更改了它们的显示和位置属性。但它不起作用。我的意思是，这不是最大的问题，因为所有文本和图像都可见，但仍然很烦人。

我通过 Github 托管了这里的页面是 link:

brainstormed.github.io

如果有人能指出我做错了什么，那将会很有帮助。

谢谢！！

Answer 1

projectTile CSS class 上 40px 的固定填充导致了这个问题。在小屏幕上，水平 space 已被图像 width: 80vw; padding: 10px; margin: 20px 填充。您可以删除该填充或使用 media query 在小屏幕尺寸上删除它。