使用媒体查询拆分flexbox

Question

我有下面的桌面flexbox。如何添加媒体查询，以便在iphone6上获得居中的蓝色框和下面的红色框？

.container{
display:flex;
justify-content:space-around;
}
.left, .right{
width:40vw;
min-height:300px;
}

.left{
background-color:blue;
}

.right{
background-color:red;
}

<div class='container'>
<div class='left'>
</div>
<div class='right'>
</div>
<div>  

Answer 1

只需将flex更改为css中的block，并更改左右的宽度