Module 4 - Eq Spaced Nav Items

m4.html

## Josh Solution
<style>
  ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  a {
    display: block;
    padding: 8px;
  }

  @media (min-width: 300px) {
    ul {
      flex-direction: row;
      justify-content: space-evenly;
    }
  }
</style>
<nav>
  <ul>
    <li>
      <a href="">Home</a>
    </li>
    <li>
      <a href="">Browse</a>
    </li>
    <li>
      <a href="">Contact</a>
    </li>
  </ul>
</nav>


## My "list-less" solution
<style>
  nav {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
  }

  a {
    padding: 8px;
  }

  @media (min-width: 300px) {
    nav {
      flex-direction: row;
    }
  }
</style>

<nav>
  <a href="">Home</a>
  <a href="">Browse</a>
  <a href="">Contact</a>
</nav>