/* reset */
*{ margin:0;padding:0;box-sizing:border-box;}
img{ max-width: 100%; display: block; margin: 0 auto;}
li{ list-style: none;}

/* container */
.box{
  max-width: 320px;
  background-color: #eee;
}
.list{
  width: 100%;
  padding: 5px;
  display: -webkit-box;
}
.list:nth-child(odd){
  padding-bottom: 0;
}
li{
  -webkit-box-flex: 1;
  width: 50%;
  background-color: #fff;
  border-radius: 4px;
  margin-right: 5px;
  padding: 20px 0;
}
li:nth-child(even){
  margin-right: 0;
}
li p{
  width: 100%;
  line-height: 24px;
  text-align: center;
}
li .img{
  width: 80px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 10px auto;
}