title: What are the differences between flex-grow and width?
body: <p>I've started using the flexbox recently and there often comes the situation where I need to distribute space on the main axis between elements. </p>
  
  <p>I often hesitate between <code>width</code> and <code>flex-grow</code>. For example, if I want one item to measure 2 measures, and the other 1 measure, adding up to 100%, I have two choices. I can either set <code>width: 66.6%</code> and <code>width: 33.3%</code>, or <code>flex-grow: 2</code> and <code>flex-grow: 1</code>. </p>
  
  <p>Sometimes if I want one element to grow the rest of the space, I can either do <code>width: 100%</code> or <code>flex-grow: 1</code>.</p>
  
  <p>How do I choose? What are the differences/considerations in using width vs. flex-grow?</p>