Here is the relevant CSS & HTML.

Here is the relevant CSS & HTML.

Here is the relevant CSS & HTML.

Here is the relevant CSS & HTML.

Here is the relevant CSS & HTML.

I’m working on creating a website layout based off the Windows95 paint window, and I want to know if there’s a way for me to expand an inner div while keeping the outer div’s ratio the same. I have an outer ‘window’ (the main div that everything is contained in), a title bar, tab, palette, and bottom part that I want to stay where the are, while the inner ‘canvas’ expands as this is where the main page content will go. I have no problem with the top and left side of the page as the top expands fine and the left doesn’t need to move, but the bottom part and width of the inner canvas aren’t moving the way I want them to. Essentially, I want the bottom div to be ‘locked’ to the very bottom of the box while the canvas expands as the window is resizable. I have a codepen here with my code, so I hope you can see what I mean. I’ve also included the parts that I think are the problem below. (If I should show my code some other way, please tell me! I’m still quite new to asking questions here and do find this site a bit confusing. I also can’t seem to find out how to do the code snippets on a lot of questions here?)

I’m making a website layout made to look like the old Windows95 paint window, and I’ve come across an issue in making the canvas ‘window’ resizable. It works horizontally, but not vertically. The canvas of the won’t expand beyond the min-height I have assigned to it, and I can’t figure out how to make it work. Is it because the resize property is attached to the general paint window, and not the inner canvas div? In that case, would I need to attach the resizable class to the canvas, or is there a way around it? I would LOVE to have the inner div expand horizontally as it does vertically. The code I’m using is below.