title: why do I have to tell children to display flex when I already set the parent to flex?
body: <p>for example if the .nav-flex is the parent why arent my flex stylings appearing for my child anchor elements. I have to DISPLAY: FLEX on the child anchor element to make it appear flex.</p>
  <p>(parent )</p>
  <pre><code>.nav-flex  {
    display: flex;
    flex-direction: row;
  }
  </code></pre>
  <p>(child)  /<em>i have to insert display: flex down here for flex to work</em>/</p>
  <pre><code>a {
    list-style-type: none;
    text-decoration: none;      
    flex-grow: 1;
    justify-content: space-around;
   }
  </code></pre>