How to organize markup?

Question

material design

Good afternoon.
It is necessary to organize the markup with 100% block height, but there is a problem when one v-flex block has 100% height, and there are 2 more blocks nearby.
https://codepen.io/anon/pen/ReNKKM
If you remove the first two v-flex, then everything works out correctly.

Answer 1

So? https://codepen.io/delphinpro/pen/ReNpmP