I am creating a Dash layout with flexboxes. They are quite useful. However, I am having trouble resizing charts to fill the space equal to a Dash card, because I am not aware of the default size of the graphs / cards / row elements. This has created a situation like the following:
Where the two charts on the right should each be half of the height, but I am not sure of the row height of its parent, as that is automatically set by Dash in other areas of the dashboard.
While I could manually set it [and therefore all of the rows in my dashboard], I am pretty sure the default is responsive. So, before I do I was curious if anyone knows of:
- The default row height in Dash, for cards, charts, or rows?
- A way to infer the height using css?Thank you!