Oi, George, tudo bem?
O interessante é criar classes a partir do seu layout. Nesse caso aí, acredito que esteja faltando a tag nav
para "envelopar" as lista de links. Crinando a tag <nav />
criariamos uma classe para ela:
<nav class="nav-bar">
<ul>
<li>
<a href="#">
<span>Item 01</span>
</a>
</li>
</ul>
</nav>
Veja que semanticamente a tag nav
e nomeia a classe nav-bar
é muito mais interessante e, na verdade, a forma mais correta. Assim, serve para definirmos um header
, footer
, etc. No momento de estilizar, fica mais coerente também:
.nav-bar li {
display: flex;
justify-content: flex-end;
}
Você sabe do que esse estilo está tratando de uma classe relacionada à tag main
. Se usar somente div
ou nomes genériocos demais para definiri classes, numa aplicação grande, pode te gerar muita dor de cabeça.
Pegou a ideia? Qualquer dúvida é só falar :}