我正在应用flex属性，但它既不能扩展也不能收缩

Question

​

    #container {
      height:800px;
      display:flex;
      
      text-align:center;
      background-color:grey;
      justify-content:flex-start;
      align-content:flex-start;
    }


    #container > div{

    }

    #box-1 {
      background-color:green;
      height:100px;
      
      width:25%;
     

    }
    #box-2 {
      background-color:yellow;
      height:100px;
      
      width:25%;
    }
    #box-3 {
      background-color:pink;
        height:100px;
     
      
      width:50%;
    }

    #box-4 {
      background-color:aqua;
      height:100px;
     
      width:50%;}

    #box-5 {
      background-color:blue;
      height:100px;
     
    width:50%;}

    #box-6 {
      height:100px;
      background-color:chocolate;
      flex:3 3 200px;
    width:25%;}

 <div id="container">
    <div id="box-1">1</div>
    <div id="box-2">2</div>
    <div id="box-3">3</div>
    <div id="box-4">4</div>
    <div id="box-5">5</div>
    <div id="box-6">6</div>
  </div>

​

正如您所看到的，我正在尝试将flex属性添加到box-6中，但它没有做任何事情。谁能给我解释一下为什么它什么也做不了？提前谢谢。我希望看到这个盒子-6缩小3倍，增长3倍？我不认为我添加了任何特别的东西，可能会破坏它？所以想要得到一些帮助。