Streaming live at 10am (PST)

Weird white space when body font size set to vw and all sizes to em

To have a fully responsive Website I used the wizardry technique. There you set the body font size to 1vh and based on that you set everything else in em: the paddings, widths, font sizes etc. Here is the link to the technique: https://wizardry-technique.webflow.io/ It is very helpful, it makes everything much more responsive.

Now in chrome, I am experiencing a weird white space as shown on the screenshot beneath:

In the chrome inspector, I tried to check off everything and came to the conclusion it is the font size (of the body I think) that makes the white space appear.

Lik to the page: Business card

Any ideas about what I am doing wrong, or how to solve it?

Cheers


Here is my site Read-Only: https://preview.webflow.com/preview/designdan-london?utm_medium=preview_link&utm_source=designer&utm_content=designdan-london&preview=0575f771d5acce9396ca6d07e09c68cc&pageId=6140daac9b3ea516fdf156e6&workflow=preview
(how to share your site Read-Only link)