Estou fazendo um, com Tailwind claro, e meio veio essa dúvida. Qual a melhor maneira de se fazer um navbar hj em dia?
Eu prefiro com o Grid mesmo, mas já ouvi que o mais indicado apra interfaces seria o Flex.
E vocês como andam fazendo?
Acredito que depende muito do tipo de nav que se quer fazer... eu uso bastante flex.
No html:
<nav>
<div class="logo">
</div>
<div class="navigation">
<ul>
<li><a href="">item1</a></li>
<li><a href="">item2</a></li>
<li><a href="">item3</a></li>
</ul>
</div>
</nav>
E no css:
nav{
display: flex;
justify-content: space-between;
}
.navigation ul{
display: flex;
gap: 10px;
}
Obviamente foi um exemplo beem simples mas creio que para mim é a forma mais prática. lembrando que você tem que tratar os outros elementos né hahaha mas com isso ai já fica cada coisa de um lado separadinha.
Sou melhor no back do que no front, mas tudo depende do contexto.
O Flexbox é usado em sistema unidimensional, que funciona ao longo de um único eixo, seja ele horizontal ou vertical. Por isso, essas são as recomendações que você recebe quando esta fazendo algo mais simples.
O Grid é um sistema bidimensional que permite posicionar elementos em linhas e colunas. Ele é particularmente útil para criar layouts complexos e estruturados, nos quais você precisa posicionar elementos em diferentes áreas da página.
Então, acredito que se você precisa de um layout mais simples e flexível ao longo de um único eixo, use o Flexbox!
Se precisa de um layout mais complexo e controlado em duas dimensões, use o Grid!
PS: Ou se quiser você também pode usar os dois juntos.