*{
	margin: 0;
  padding: 0;
  list-style: none;
}

body{
	background: #f0f0f0;
  width: 320px;
}

.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}
  .list-item {
    width: 100px;
    position: relative;
    text-align: center;
    width: 140px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 6px; 
}
    .list-item-avatar {
      width: 80px;
      height: 80px;
      border-radius: 80px;
      margin-bottom: 10px; }
    .list-item-name,
    .list-item-location {
      line-height: 24px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .list-item-location {
      color: #666; }
    .list-item-link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }