SOURCE

<div id="phone">
  <div id="box">
    <div id="item1">
      <h1>爱淘宝</h1>
    </div>
    <div id="item2">
      <h1>唯品会</h1>
    </div>
    <div id="item3">
      <h1>天猫</h1>
    </div>
    <div id="item4">
      <h1>聚美</h1>
    </div>
    <div id="item5">
      <h1>京东</h1>
    </div>
  </div>
</div>

#phone{
  border:4px solid black;
  width:500px;
  height:400px;
}
#box{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:flex-start;
}
#item1{
  background-color:red;
  height:220px;
}
#item2{
  background-color:green;
  height:100px;
}
#item3{
  background-color:yellow;
  height:190px;
}
#item4{
  background-color:blue;
  height:150px;
}
#item5{
  background-color:purple;
  height:80px;
}