Flexbox - Fill remaining space [duplicate]

Answer 1

First, you need to make the container occupy vertical space. height: 100%; will do that.

Second, if you want the title div not to be the same size as the following div, they shouldn't both be flex: 1;, in fact you probably want the title to be flex: 0;