Salve, pessoal!
Estou desenvolvendo um portfólio e gostaria de ter uma ideia de como inserir um logo entre os menus no cabeçalho.
Um exemplo:
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
Salve, pessoal!
Estou desenvolvendo um portfólio e gostaria de ter uma ideia de como inserir um logo entre os menus no cabeçalho.
Um exemplo:
Opa Pedro, tudo bem?
Ótima pergunta!
Nos podemos utilizar tanto do CSS quanto do HTML para mudar a posição da logo, porém, por estar lidando com um projeto próprio, que possui suas peculiaridades e individualidades, para que eu possa te ajudar de forma mais assertiva, peço que por gentileza compartilhe o link do seu projeto conosco, seja pelo GitHub ou os arquivos no Drive.
Uma possível solução seria adicionar a imagem entre os itens do cabeçalho no próprio HTML, como mostra o código abaixo:
<header>
<nav>
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><img src="logo.png" alt="Logo do seu site"></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
</ul>
</nav>
</header>Caso não funcionar fico à disposição.
Fico à disposição.
Tenha um bom dia e bons estudos.
Ola de Moraes blz?
Seria uma boa pesquisar sobre nth-child no css .
Boa noite, gente.
Gabriel segui as suas dicas e deu certo aqui, consegui deixar o logo entre os menus.
Obrigado pela sugestão, Emerson, irei ler mais sobre o assunto.