Responsive Element Height Based On Browser Window Height

I am trying to resize a map element height based on window height so that 100% of the map is always shown no matter the height of the window. This functionality should mimmick the functionality seen on the search results page of an Airbnb search. Is this possible?

I wanted to ping this again in case anyone has any ideas. Would love to figure it out preferably without use of a plugin

you would need to use css tools to do this… there is a thread on the forum about it…try to search through old posts to find more on CSS tools and dynamic element height and browser height or perhaps searching 100% viewport height…sorry but I forget the title of the forum posts