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