並んだコンポーネントの幅を残りいっぱいにする方法

.parent {
 /*子要素にflexレイアウトを適用する*/
  display: flex;
}

.child1 {
　/*要素の幅を100pxに指定*/
  flex: 0 0 100px; 
}

.child2 {
  /*
    要素の幅を残りいっぱいにする
    (<親要素の幅>-<flexレイアウト適用対象のflex-basis値の合計>)
  */
  flex: 1 0 0; 
}

 flex: 1 0 0;

 flex-grow: 1;
 flex-shrink: 0;
 flex-basis: 0;