Alguém pode me ajudar? Fiz todo o código certo mas o site me diz que o e elemento ( O elemento #navbar
deve estar sempre na parte superior da viewport.), mas como assim? Já fiz isso e ainda não deu certo. O elemento “navbar” está sim acima do viewport.
**Seu código até o momento**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="with=device-with, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Persoal Portifolio Project</title>
</head>
<body>
<nav id="navbar">
<a href="#"></a>
</nav>
<div id="welcome-section">
<h1>Welcome Section</h1>
</div>
<div id="projects">
<a href="#"><section class="project-tile"></section></a>
</div>
<div>
<a target="_blank" id="profile-link">
</a>
</div>
</body>
</html>
/* file: styles.css */
@media screen and (max-width: 450px) {
nav {
text-align: center;
}
}
**Informações de seu navegador:**
Agente de usuário: Mozilla/5.0 (X11; Linux x86_64; rv:104.0) Gecko/20100101 Firefox/104.0
Desafio: Projetos do design responsivo para a web - Criar uma página de portfólio pessoal
Link para o desafio: