body{
font-family:Arial;
}

.flex{
display:flex;
border:1px solid black;
margin-bottom:20px;
}

.box{
border:1px solid black;
padding:20px;
margin:5px;
background:rgb(177, 177, 177);
}

.grow{
flex-grow:1;
background:rgb(230, 173, 173);
}

.small{
width:400px;
}

.shrink{
flex-shrink:3;
background:rgb(238, 213, 144);
}

.basis{
flex-basis:150px;
background:lightcoral;
}

.wrap{
flex-wrap:wrap;
width:200px;
}

.boxs{
    width: 200px;
    height: 200px;
    outline: solid black 1px;
}