Scrollbar issues - html/css and tailwindcss

I want to have a page that consums the full height of the browser window. I have a navbar on top and then the main content is split into a list of cards on the left (which should be scrollable), and a map on the right side (which should consume the full height minus the navbar and should NOT be scrollable. Problem: the entire page (so also the map) is scrollable - it looks like as much scrollable as the navbar's height. my navbar Card Card Card Card Card Card Card Card Card map