Making responsive, and also positioning it between a header, a footer, a

[f0rta]

So I’m working on this page, and as the title says I want to make a div to take the whole space between a header, a footer and some buttons in the left while also being responsive.

I consider myself still a beginner and I’m missing many things – this is one of them. I literally have no idea how should I do that and I’d want to learn, so if you help me please also explain why you did it in that way.
Here’s the code:

https://codepen.io/anon/pen/LmroVW

Here’s it uploaded on a website as a test so you can see what I’m talking about:
http://octaniculescu.com/mateinfo/cursuri-mate.html

Screenshot with it not taking the whole height (I want it to be in line with that button):

Also if you resize the window to be smaller it will go under the text. I want it to resize automatically. I thought max-width would do it, but it actually didn’t.

Thanks.

[Author]

Posts