Search code examples
htmlcss-print

Why is my webpage printing an extra blank page?

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

Solution

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