meu código está idêntico ao da aula (não estou achando nenhum erro), mas a minha página não está com o alinhamento mostrado como resultado na aula.
segue as fotos abaixo:
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!
Solucionado
meu código está idêntico ao da aula (não estou achando nenhum erro), mas a minha página não está com o alinhamento mostrado como resultado na aula.
segue as fotos abaixo:
Olá Giovanna!
Após analisar o seu código, não consegui identificar as diferenças através das imagens. No entanto, acredito que algo possa ter passado despercebido por mim. Por favor, verifique o nível de zoom para garantir que está configurado para 100%. Além disso, peço que copie e cole o código do CSS e do index.html para garantir que não haja diferença. Segue o código do index e do CSS:
[Index]
<!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">
<h1>Eleve seu negócio digital a outro nível
<strong class="titulo-destaque">com um Front-end de qualidade!
</strong></h1>
<p>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>
<a href="https://instagram.com/rafaballerini">Instagram</a>
<a href="https://github.com/guilhermeonrails">GitHub</a>
<img src="imagem.png" alt="Foto da Joana Santos programando">
</main>
<footer></footer>
</body>
</html>
[Style]
* {
margin: 0;
padding: 0;
}
body {
height: 100vh;
box-sizing: border-box;
background-color: #000000;
color: #f6f6f6;
}
.destaque-tituld {
color: #22D4FD;
}
.apresentacao {
display: flex;
align-items: center;
}
Espero ter ajudado e se o erro persistir, conte comigo. Além disso, em caso de dúvidas, não hesite em recorrer ao fórum da comunidade Alura. Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Giovanna Butter, boa noite!
Na linha 12, o main está escrito dessa forma:
main class = ''apresentacao'', aparentemente está com aspas simples, modifica para aspas duplas: main class = "apresentacao". Oriento a revisar as aspas do link, no mais não vi diferença da aula.
Qualquer coisa, manda aqui, pois juntos somos mais fortes! Abraços