title: How does intrinsic work?
body: <p>I have never heard of this <code>intrinsic</code> value before until I come across <strong><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transform#Live_examples" rel="noreferrer">this</a></strong> page on MDN.  </p>
  
  <p>From what I know <strong>intrinsic</strong> means <em>natural</em>. So how does this work out in CSS. I thought that <code>auto</code> would have been <em>natural</em>. I've searched around a bit but can't find anything on it.</p>
  
  <p>What does it do different than <code>auto</code>?</p>
  
  <p>The example I saw was <code>max-width: intrinsic;</code> </p>