How to stretch flex child to fill height of the container?

Question

I need to stretch yellow child to fill all height of parent. Without setting parent height. Height of parent should be dependent on blue child text. https://jsfiddle.net

Answer 1

Remove

height:100%;

and instead do something like this example :

 Item 1 
 Item 2 

above example will show you what you want.