Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Link no logo

Caso eu quisesse colar um link no logo o que deveria fazer? tipo um href como tempos na classe menu-lista

5 respostas
solução!

Boa noite Eduardo, Para adicionar um link em uma imagem, você pode fazer assim:

    <a href="#">
      <img src="./image/logo.png" alt="logo">
    </a>

Sensacional!! e caso eu adicionar outra imagem do lado do banner, estou tendo dificuldade para colar uma do lado da outra no css, um banner do mesmo tamanho do lado do outro com um espaçamento curto

Boa tarde Eduardo, Neste caso, será necessário o uso do CSS. Você pode fazer assim:

HTML:

 <header>
  <a href="#">
    <img  src="https://github.com/iraildafernandes.png" alt="imagem01">
  </a>

  <a href="#">
    <img  src="https://github.com/iraildafernandes.png" alt="imagem02">
  </a>

 </header>

CSS:

*{
  margin: 0;
  padding: 0;
}

header{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;

  padding: 20px 60px;
  border: 1px solid gray;
}

header img{
  width: 100px;
  border-radius: 50%;
}

Po muito obrigado!!, estava querendo usar o cabeçalho para começar minha pagina de portfolio e ir treinando, ficou do jeito q eu queria, valeu mesmo!!

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

.logos {
    width: 25px;
    height: 25px;
    transition: 1s all;
    border-radius: 20%;
    padding: 0px 5px;
}

.logos-ordem {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;

    padding: 10px 20px;
}

.logos:hover {
    width: 30px;
    height: 30px;
}

Maravilha, ficou bacana!!!

Já pegou o jeito, boa sorte.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software