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

[Projeto] Desafio Currículo

Olá!

Segue aqui meu currículo, fiz pequenas alterações na página apenas.

Nessa primeira página alterei a imagem, adicionando borda e sombra, e apliquei o hover nas palavaras "JavaScript", "HTML" e "CSS", fazendo com que mudem para a cor relacionadas a seu logo.

Hover:

.destaque-javascript:hover {
    color: #e1f011;
}

.destaque-html:hover {
    color: #f0852d;
}

.destaque-css:hover {
    color: #394cff;
}

Imagem com borda e sombra:

.foto__autor {
    scale: 70%;
    border-radius: 5%;
    border: 15px solid #22D4FD;
    box-shadow: #f6f6f6 10px 10px;
    
}

Tela

Minha única dúvida nessa parte seria: como colocar os logos das páginas no lado esquerdo em vez do lado direito? Quando fiz acabaram saindo pro lado direito e não consegui alterar.

Na parte do currículo, mantive o mesmo padrão da página inicial, com a mesma imagem e seguindo a formatação da inicial.

Por enquanto está assim, valeu! ;)

3 respostas
solução!

Olá Bruno!

Parabéns pelo seu currículo, ficou muito bonito!

Sobre sua dúvida, para colocar os logos das páginas no lado esquerdo, você pode alterar a ordem dos elementos no HTML, no seu caso a palavra deve estar vindo antes do icone da rede. Vou dar um exemplo com o GitHub. provávelmente o seu está assim:

<a class="apresentacao__links__navegacao" href="https://github.com/rafaballerini">
                     Github
                    <img src="./assets/github.png">
 </a>

Agora você pode alterar colocando a palavra GitHub depois da tag img:

<a class="apresentacao__links__navegacao" href="https://github.com/rafaballerini">
                    <img src="./assets/github.png">
                     Github
 </a>

Espero que seja isso, pois foi isso que entendi. Qualquer coisa manda aqui de novo. Valeu :)

Espero ter ajudado e bons estudos!

Olá Renan!

Era exatamente isso mesmo, alterei aqui já!

Valeu! ;)

Ai sim, que bom que deu certo. Fico feliz emajudar :)

Valeu Bruno.