title: What does flex: 1 mean?
body: <p>As we all know, the <code>flex</code> property is a shorthand for the <code>flex-grow</code>, <code>flex-shrink</code>, and the <code>flex-basis</code> properties. Its default value is <code>0 1 auto</code>, which means</p>
  
  <pre><code>flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  </code></pre>
  
  <p>but I've noticed, in many places <code>flex: 1</code> is used. Is it shorthand for <code>1 1 auto</code> or <code>1 0 auto</code>? I can't understand what it means and I get nothing when I google.</p>