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.

r/web_design - I am not sure if questions are allowed, but any help is greatly appreciated



Source link

Write A Comment