Material UI Card Card stack one another when flex-direction changed to column

Question

Hello I am having trouble with React Material-UI Card and Grid system.

I believe the issue is just something to do with CSS. For some reason, when the screen size cha