Why is my webpage printing an extra blank page?

Question

I can't figure out why my html document is printing an extra blank page.

I tried shrinking the content and increasing the margins of the printed page to no avail.

The document should produce only one printed page but it is producing a second blank page.

Here is the link to the app: https://wesleyhedrick.github.io/DragandDrop/draganddrop.html

Answer 1

Remove the CSS attribute height: 100vh from your body and you will get just one page