How to do ul inline responsive?

0

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>
    
asked by anonymous 10.09.2017 / 04:57

1 answer

0

Have you tried this within <head></head> ?

<meta name="viewport" content="width=device-width, initial-scale=1.0">
    
10.09.2017 / 20:28