Почему 100vh делает высоту больше одного экрана?

Question

[novichok151413]

В общем, в интернете в свободном доступе не нашёл ответа на свой вопрос, поэтому обращаюсь сюда и прошу помочь. Header при свойстве height: 100vh выдаёт на пару строк больше, чем сам экран (на сколько я понимаю vh измеряется в процентах экрана), но при этом section отображается корректно и ровно. Как сделать, чтобы был ровно 1 экран? Есть подозрения, что это из-за класса div text-title, если это так, то как исправить? Вот код: https://jsfiddle.net/93ex6zfd/
Строго не судите, я пока просто учусь

Answer 1

[Михаил]

* {
  box-sizing: border-box;
}

Answer 2

[WapSter]

* {
  box-sizing: border-box;
}