5
respostas

[Dúvida] course/html-css-cabecalho-footer-variaveis-css - 05. Posicionando os ícones

Boa tarde,

Podem ajudar me nesta aula que mencionei no titulo, é o seguinte reparei quando estava a dar um espaço entre a imagem do github e o texto "Github" com a propriedade gap, não alterou nada ? querem que eu mande o codigo por aqui ou de outra maneira?

Obrigado

5 respostas

Oi Ricardo, tudo bem? Espero que sim!

Peço que me envie o código por aqui e assim poderei te auxiliar com mais assertividade!

Aguardo seu retorno, abraços!

Boa tarde Sarah, está tudo bem e com você?

Vou aproveitar e enviar o que estava fazendo de código sobre o cabeçalho e footer só que estou achando o resultado final muito diferente do que está no FIGMA( importante ressalvar que no cabeçalho tentei fazer diferente mas queria tirar a border: 2px solid só que não desaparece).

Se conseguir ajudar me com alguns conselhos de como ficaria melhor a visualização agradecia porque não tenho muita experiência.

Obrigado

Vou enviar o codigo infra de HTML e depois de CSS e as imagens porque não cabem tudo numa só resposta:

**HTML**

<!DOCTYPE html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portofolio Ricardo Pereira</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="cabecalho">
         <nav class="cabecalho__menu">
            <a class="cabecalho__menu__link">
                <img class="imgHeader" src="./assets/home.png" alt="icon da home">
                Home
            </a>
            <a class="cabecalho__menu__link">
                <img class="imgHeader" src="./assets/sobreMe.png" alt="icon sobre Me">
                Sobre mim</a>
         </nav>
    </header>
    <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h1 class="apresentacao__conteudo__titulo">
                Portofolio - Ricardo Pereira
            </h1>
            <br/>
            <p class="apresentacao__conteudo__texto">
            Olá! Sou <strong class="nome-destaque">Ricardo Pereira,</strong> desenvolvedor Full-stack com especialidades no Front-end em<strong class="titulo-destaque"> React, Javascript, HTML e CSS.</strong><br/><br/> No Back-end em <strong class="titulo-destaque">Java e Spring Boot.</strong><br/> 
            <br/> 
            Se pretender mais informações, pode aceder ao meu github e curriculo online, conhecer os meus trabalhos, projectos ou simplesmente fazer networking.         
            </p><br/>
            <div class="apresentacao__links">
                <h2 class="apresentacao__links__subtitulo">Acesse as minhas redes:</h2>
                <a class="apresentacao__links__link" href="https://github.com/RicardoPereiraDev"><b>
                    <img src="./assets/github.png" alt="Foto do github">
                    Github</b>
                </a>
            <a class="apresentacao__links__link" href="https://linkedin.com/in/ricardo-david-pereira-developer"><b>
                <img src="./assets/linkedin.png" alt="Foto do linkedin">
                Linkedin</b></a>
            </div>
            
        </section>
            <img src="assets/Ricardo.png" alt="Foto de Ricardo Pereira">
    </main>
    <footer class="rodape">
       <p>Desenvolvido por Ricardo Pereira</p>
    </footer>
</body>
</html>

CSS

Eu tentei mandar através de uma pasta zipada com o meu projecto portofolio mas não sei se recebeu, diga me depois outra forma de lhe enviar o codigo através de um ficheiro ZIP?

Boa tarde, Podem ajudar me?

Oi Ricardo!

Obrigada por me dar um retorno, o código html que você enviou veio certinho, agora preciso da parte css, você pode enviar da mesma maneira que enviou o código css.

Estarei aguardando e farei o possível para te ajudar o mais rápido possível.

Até mais!