body{
font-family:Arial;
}

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

.box{
border:1px solid black;
padding:25px;
margin:5px;
background:lightgray;
}

.grow{
flex-grow:1;
background:lightsalmon;
}

.small{
width:400px;
}

.shrink{
flex-shrink:3;
background:burlywood;
}

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

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

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