title: Difference between justify-content vs align-items?
body: <p>I'm having a really hard time understanding what's the difference? From my research it seems like <code>justify-content</code> can do... <code>space-between</code> and <code>space-around</code>, while <code>align-items</code> can do... <code>stretch</code>, <code>baseline</code>, <code>initial</code> and <code>inherit</code>? </p>
  
  <p>Also looks like both properties share, <code>flex-start</code>, <code>flex-end</code> and <code>center</code>.</p>
  
  <p>Is there and dis/advantages to using one over the other or is it just preference? I feel like they are way to similar to just do the same thing anyone know the difference? thanks!! </p>