I’ve got a div with height 100vh but the div doesn’t occupy the full height of the browser viewport! But what’s more “funny” is that this happens only int the blog post template page!
It seems that the problem come from the top margin of you logoHP div.
I’m not exactly sure why on this but you could wrap it into another div and set some top and bottom padding on it instead of margin on logoHP.