How to space out list items

I am unable to get my nav to sit the way I like, the header is fine but ul just won't sit right.

.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav ul {

margin: 0;

padding: 0;

display: flex;

flex-direction: row;

justify-content: space-between;

align-items: center;

}
nav ul li {

list-style: none;

position: relative;

}

<div class=“nav”>

<h2>hackeryou</h2>

<nav>

<ul>

<li>Home</li>

<li>About</li>

<li>Contact</li>

<li>Bootcamp</li>

<li>Part-Time</li>

</ul>

</nav>

</div>

I expect the h2 to stay left but I want everything else to move be more spaced out on the right.

#html #css #css3