I'm creating a website in ExB online version. I am having so much trouble trying to configure the layout so that when the app is opened in any size browser, the content fills the page (I am just working on desktop at the moment and will come back to mobile).
I have the page set for scrolling (which I don't really need that space but I used that so the future mobile page has enough room for all the widgets).
I have a header and footer which are fine. Then I have a Block which contains a row. The row contains a sidebar on the left (with a feature widget in the side and the map in the main area) and a column on the right with a filter widget.
I have tried various configurations of stretch and auto for the height on each of these but the only way it seems to "hold" the right height is if I assign a px value. When I do that, the widgets of course do not change height and there is a lot of blank space underneath.
I want the map, details, and filter widgets to fill the space to the footer when the browser is different sizes.
Any insights would be helpful. Thanks.