copiei os códigos de preparando o ambiente só que esta diferente que esta na aula
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!
copiei os códigos de preparando o ambiente só que esta diferente que esta na aula
Oi Enzo, como vai você?
Poderia me enviar o código? Assim poderei te auxiliar com mais assertividade.
Aguardo seu retorno.
Abraços e bons estudos!
meu portifolio esta diferente do que esta na aula
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portifolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header></header>
<main class="apresentacao">
<section class="apresentacao__conteudo">
<h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro nível<strong
class="titulo-destaque">com um Front-end de qualidade!
</strong></h1>
<p class="apresentacao__conteudo__texto">Olá! Sou Joana Santos, desenvolvedora
Front-end com especialidade em React, HTML e
CSS. Ajudo pequenos negócios e designers a
colocarem em prática boas ideias. Vamos
conversar?</p>
<div class="apresentacao__links">
<h2>Acesse minhas redes:</h2>
<a class="apresentacao__links__link" href="https://instagram.com/rafaballerini">Instagram</a>
<a class="apresentacao__links__link" href="https://github.com/guilhermeonrails">GitHub</a>
</div>
</section>
<img src="imagem.png" alt="Foto da Joana Santos programando">
</main>
<footer></footer>
</body>
</html>
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');
*{ margin: 0; padding: 0; }
body{ height: 100vh; box-sizing: border-box; background-color: #000000; color: #F6F6F6; }
.titulo-destaque{ color: #22D4FD; }
.apresentacao{ margin: 10% 15%; display: flex; align-items: center; justify-content: space-between; } .apresentacao__conteudo{ width: 615px; display: flex; flex-direction: column; gap: 40px; }
.apresentacao__conteudo__titulo{ font-size: 36px; font-family: 'Krona One', sans-serif; }
.apresentacao__conteudo__texto{ font-size: 24px; font-family: 'Montserrat', sans-serif; }
.apresentacao__links{ display: flex; justify-content: space-between; }
.apresentacao__links__link{ background-color: #22D4FD; width: 280px; text-align: center; border-radius: 16px; font-size: 24px; font-weight: 600; padding: 21.5px 0; text-decoration: none; color: #000000; font-family: 'Montserrat', sans-serif; }