.baris {
  display: flex;
  flex-direction: row;     /* main axis: horizontal */
  width: 300px;
  height: 100px;
  background: rgb(241, 245, 249);
}
.kolom {
  display: flex;
  flex-direction: column;  /* main axis: vertikal */
  width: 300px;
  background: rgb(241, 245, 249);
}
.item-baris {
  width: 80px;
  height: 48px;
  background: rgb(14, 165, 233);
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-align: center;
  line-height: 48px;
}
.item-kolom {
  height: 48px;            /* tanpa width: melebar memenuhi cross axis */
  background: rgb(94, 234, 212);
  color: rgb(15, 118, 110);
  font-weight: 700;
  line-height: 48px;
  padding-left: 12px;
}