I'm starting with flexbox, I'd like to make a menu that does not fit the width when the submenus appear:
/* Navigation - menu style */
nav ul {
padding: 0;
}
nav ul li {
list-style: none;
flex-direction: column;
}
nav > ul {
justify-content: space-evenly;
position: fixed;
top: 0;
left: 0;
right: 0;
}
nav > ul, nav > ul > li, nav > ul > li:hover > ul > li {
display: flex;
}
nav > ul > li > ul > li {
display: none;
}
<nav>
<ul>
<li>Home</li>
<li>Usuários
<ul>
<li>Conectar</li>
<li>Cadastrar</li>
<li>Meu perfil</li>
<li>ITEM MUITO LARGO</li>
</ul>
</li>
<li>UFEF</li>
</ul>
</nav>
I tried some things, but without success