A layout with emulation of the same height of columns, a pressed footer and columns to the entire height of the screen - is it possible to make it up?

Question

css

The layout looks like this:

How to press the footer is understandable. To make the same height of the columns is also understandable.
QUESTION: is it possible to make the height of the columns adjust to the height of the screen?
It's a chore to bring your code, I would just like to find out if it's real, and maybe get some kind of tip.

Answer 1

Flexbox

Answer 2

Yes, very real. You can write in CSS:

height: calc(100vh - 200px - 300px);
/* height: calc(100vh - высота header'а - высота footer'а) */

or

height: 75vh;
/* для header: */
height: 10vh;
/* для footer: */
height: 15vh;