.papan-grow {
  display: flex;
  width: 500px;
  background: rgb(241, 245, 249);
}
.papan-shrink {
  display: flex;
  width: 300px;
  background: rgb(241, 245, 249);
}
.item-satu     { flex: 1 1 100px; }  /* grow 1, shrink 1, basis 100px */
.item-dua      { flex: 2 1 100px; }  /* grow 2: porsi dua kali lipat */
.item-menyusut { flex: 0 1 200px; }  /* grow 0, shrink 1, basis 200px */
.item-flex     { flex: 1; }          /* singkatan dari 1 1 0% */
.kata-panjang  { flex: 1; white-space: nowrap; }              /* min-width: auto */
.kata-terkawal { flex: 1; min-width: 0; white-space: nowrap; } /* boleh menyusut penuh */
.papan-min {
  display: flex;
  width: 400px;
  background: rgb(241, 245, 249);
}
.kotak {
  height: 56px;
  background: rgb(14, 165, 233);
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-align: center;
  line-height: 56px;
}