Angular flex-layout based structure issue

I currently have this kind of setup on Stackblitz

I would like to amend it so that it is re-structured as follows;

I’m struggling to place Test2 div underneath Test1 div.

>Solution :

Try wrapping test1 and test2 in a div with fxLayout.sm="column" while the parent div (containg all three) will have fxLayout.sm="row"

it will look like this