title: Why does flex-end does not work for the last item in a list?
body: <p>Like many people before me, I want to move the last child in a flex box to the flex box end.</p>
  
  <p>I already found the <a href="https://stackoverflow.com/questions/33924655/position-last-flex-item-at-the-end-of-container">answer</a> to my question. Solution using <code>margin: auto</code>:</p>
  
  <pre><code>.container {
     width: 100%;
     display: flex;
     justify-content: flex-start;
  }
  
  .last-child {
    // justify-self: flex-end; why does this not work?
    margin-left: auto;
  } 
  </code></pre>
  
  <p>But I would like to know why <code>justify-self</code> does not work like that? <code>Margin: auto</code> feels like a hack to me. Is there no flex-box way to solve this? Does <code>justify-self</code> not work like <code>justify-content</code> but rather <code>justify-item</code> on a container level?</p>
  
  <p>Thank you for your support!</p>