title: Parent container with flex-direction column and child container with flex-direction row
body: <p>I have a header element that I want to display flex column so I can center the .container div vertically. This is working fine. I then need the items in .container to flex in a row with even spacing across the 1200px. Are you not able to do flex containers within flex containers going in different directions? Please see my css below:</p>
  
  <pre><code>header {
      height: 50px;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
  }
  </code></pre>