Ao invés de fazer da forma como vocês sugeriram:
.headline__menu { display: flex; gap: 80px; }
Poderia ser assim:
-> criar uma classe qualquer para a tag < a >, do nav, e adicionar um padding rigth de 80px ???
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Ao invés de fazer da forma como vocês sugeriram:
.headline__menu { display: flex; gap: 80px; }
Poderia ser assim:
-> criar uma classe qualquer para a tag < a >, do nav, e adicionar um padding rigth de 80px ???
Oi Rosemberg, tudo bem?
A sua sugestão de adicionar um padding-right de 80px à tag <a> é uma alternativa para criar um espaço entre os itens do menu. Mas, a abordagem com Flexbox e o uso da propriedade gap oferece algumas vantagens.
Usando Flexbox, é possível controlar o layout, alinhamento, direção e ordem dos elementos dentro de um container de maneira mais eficiente e responsiva. A propriedade gap do Flexbox permite definir o espaço entre os elementos filhos de um container flex, o que pode ser mais prático e flexível do que adicionar padding a cada elemento individualmente.
Um abraço e bons estudos.