I want to leave this code responsive, but always stop being responsive when there are two rows and three columns.
nav li {
display: inline-block;
}
nav a {
display: block;
padding: 1em;
margin: .25em;
background-color: #F1F1F1;
text-transform: uppercase;
width: 16em;
}
<nav>
<ul>
<li><a>Dados Pessoais</a></li>
<li><a>Meus Objetivos</a></li>
<li><a>Conhecimentos</a></li>
<li><a>Formação Acadêmica</a></li>
<li><a>Cursos Complementares</a></li>
<li><a>Idiomas</a></li>
</ul>
</nav>