Auto adjust height of widget to screen height

[Hato1]

I have an ipyleaflet widget on my quarto website. when using

format: 
  html:
    page-layout: custom

By default, the widget takes up the entirety of the screen width and automatically readjusts if the screen size changes. This is great. How can I do the same for the widget height? i.e such my page has no whitespace and no scrollbar.

I know I can change the height of the widget while creating it with widget.layout.height = 300px, but I don't know how many pixels high the screen is.

using widget.layout.width = "100%" works as expected. widget.layout.height = "100%" causes my widget to dissapear.
Thanks for your help.

[Hato1]

Solved by discovering viewport units!

widget.layout.height = "100vh"

Or to account for the already occupied screen real estate, in my case a 90 pixel high header:
widget.layout.height = "calc(100vh - 90px)"