I'm trying to use flex box to get a header with a slider under it that together take up 100% of the browser height. It appears to work, but the mask within the slider doesn't expand with the slider so the content gets cut off.
I start with a div or section and set it to 100vh, turn on flex box and set to vertical. Then drop in my navbar and then the slider. Then I set the slider to expand. It looks right, but if I select the slider mask, it's still the original slider size (300px I think). I've added an image to confirm it.
It seems to be specific to that setup because when I set the slider itself to 100vh, the mask expands with it and looks nice. However, I'm trying to get the header navbar in there too.