Layout pass for flex box with flex-direction set to column

Question

I\'m trying to understand how CSS assigns space when the flex-direction for a div is set to column.

My basic layout & goals:

• Root div (fixed width, f