Nested grid inside flexbox not using up full space

Question

I nested a grid inside a flexbox, the grid will not use up all the space available, if I move the grid out side of flex box, it will use all space, what I\'m missing here? T