* {
  box-sizing: border-box;
}

.container {
  background: #aabbaa;
  width: 80%;
  margin-bottom: 20px;
}

.item {
  width:  60px;
  height: 60px;
  float: left;
  border: 1px solid #999;
  background: #eee;
}

.item.type-width-2 { width: 120px; background:#fff; }
.item.type-width-3 { width: 180px; background:#ccc; }

.item.type-height-2 { height: 100px; background:#999; }
.item.type-height-3 { height: 160px; background:#bbb; }
.item.type-height-4 { height: 220px; background:#efefef;}
.item.type-height-5 { height: 280px; background:#666; }
