There is some indentation in zoom mode. What is the problem?

Question

css

In the landing page, when you turn on the zoom mode in the Chrome browser, an indent appears between the two blocks. What can be wrong?
Sandbox code: https://jsfiddle.net/yxn17375/6/

Answer 1

the code in the sandbox is some kind of curve, different from your screenshots
https://yadi.sk/i/kbxD6tP63TroMP
Try it offhand:

header {
    padding-top: 20px;
    padding-bottom: 365px;
}

Replaced by:

header {
    padding-top: 20px;
    height: 100vh;
}

Answer 2

Throw this element in jsfiddle ) . So just don't say