.flex-container-row {
  display: flex;
  flex-direction: row;
}
 
.flex-container-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
 
.flex-container-column {
  display: flex;
  flex-direction: column;
}
 
.flex-container-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
 
.flex-item {
  border:1px solid #fff;
  height:60px;
  width:60px;  
  text-align:center;
  line-height:60px;
  background: #f66;
  color:white;
}
 
.flex-item.blue {
  border:1px solid #fff;
  background: #33f;
}