Check out example codes for "css ditribute width equealy to child components". It will help you in understanding the concepts better.

Code Example 1

.wpr {
  display: flex;
  width: 400px;
}

.wpr div {
  flex: 1 2 0;
  border: 1px solid yellow;
  background: pink;
  text-align: center;
  min-height: 40px;
}

Learn ReactJs, React Native from akashmittal.com