반응형 레이아웃 숙제 flex일때 질문

선생님께서는 float을 이용하여 알려주셨는데,
저는 display:flex를 이용해서 
1   2
3  4
1200px 보다 작은 경우(테블릿 모드)에서 이러한 레이아웃을 위와 같이 만들고 싶은데
답을 못찾겠어서 구글검색을 통해, 
 display: flex; 
flex-flow: column wrap; 
--------------------------
.flex_container { display: flex; flex-direction: column; 
   flex-wrap: wrap; 
   justify-content: 
   space-around; 
   align-content: 
   space-around; 
}      등 여러가지를 써봤는데 답이 올바르지 않았습니다.
혹시 어떻게 수정해야 하는지  알려주실 수 있으신가요?
아래는 제 코드입니다.