I'm trying to build a page with a nav bar on the left and a slider on the right. I'd like the slider (image with navigation below) to always be fully visible without scrolling. The width seems to scale to the viewport just fine. But on wide viewports, the slider is too tall - you have to scroll down to see the bottom of the image and the navigation.
I can successfully get the body and container to fit the window, but not the slider. Any ideas about how I might constrain its height when the window proportion becomes too wide to show the full image + navigation?
Most of my pages are set up as galleries.
Screenshot of how it should look:
Screenshot of how it looks on a wider screen: