When I include display: inline-block in the nav li{}, the flex-direction: row works, as evidenced by the functioning of
-webkit-flex-direction: row-reverse;justify-content: space-between; do not work.
Conversely, when I remove display: inline-block from the nav li{}, only flex-direction: column works. What could be causing this issue?
nav{
background: grey;
display:-webkit-flex;
-webkit-flex-direction: row;
}
nav li{
list-style: none;
}<nav>
<ul>
<li><a href="#about">About</a><li>
<li><a href="#skills">Skills</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#portfolio">Portfolio</a></li>
</ul>
</nav>