title: Css Flexbox Navbar Right Align
body: <p>basically what I am trying to do is to implement a navigator in css without using float/clearfix. Instead I am using a better approach, css3's flexbox.
  I know it's simple to align items to the left easily but what's the optimal solutions for having a narbar which has two aligned regions ?</p>
  
  <p>Something like:</p>
  
  <p>[Home]-[Stuff]------------[Credits]-[About]</p>
  
  <p>This was my attempt implementing this:</p>
  
  <p><a href="https://jsfiddle.net/asss321/ornontbt/" rel="nofollow">https://jsfiddle.net/asss321/ornontbt/</a></p>
  
  <p>Basically the idea is to wrap two flexboxes into one and set the right flexbox to:</p>
  
  <pre><code>.child.child-right {
      flex-grow: 1;
      justify-content: flex-end;
  }
  </code></pre>
  
  <p>Is this a good way to do it ? Or I am using some hacky way ?</p>