Fiz o passo a passo como ensinado na aula mas os elementos da página não estão ficando alinhados ( display: flex) e nem alinhando ao centro (align-items: center;)
<!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>Direcao Bipolar</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header> </header>
<main class="apresentacao">
<h1>De um Bipolar para a <strong class="titulo-destaque">Bipolaridade.</strong></h1>
<p>Uma curadoria dos melhores conteúdos de bipolaridade para ajudar outros bipolares.</p>
<img src="imagem-principal.png" alt="imagem da bipolaridade">
</main>
<footer> </footer>
</body>
</html> * {
margin: 0;
padding: 0;
}
body {
height: 100vh;
box-sizing: border-box;
background-color: #1A1A1B;
color: #FFFFFF;
}
.titulo-destaque {
color: #94F3E4;
}
.apresentacao {
display: flex;
align-items: center;
}