内容重叠到响应报头

Question

上https://faraz-manan-2apz.squarespace.com工作必须通过一个快速滚动回来（视图访问者和输入验证码）

头图像是指上的所有设备，它是将被全屏。好。

但我希望图片的正方形（id =“page”）在标题图片的末尾处开始，而不管观看设备如何。

我试着在不同的％添加填充，但标题和内容之间的差距看起来很奇怪。

请帮忙。谢谢

Answer 1

更改#header的高度为100vh因此它将与视口高度相同。然后将#page的padding-top更改为calc(100vh + 50px)，将其推到视口高度下方50px。