So for this project that I am working on, I am having a major issue which I just can’t figure out how to solve.
As the wireframe indicates, I want the div to take up the remaining space of the viewport BUT not be expandable.
The issue I have is that I am rendering a canvas inside the div of say 800x1000px – I want it to scale accordingly to fit the div but instead, what is happening is that I am getting a vertical scroll on the div.
I have used flexGrow: 1 to expand the div but that doesn’t solve the second issue of preventing the div from expanding with the child.
Any help is appreciated.