Personal portfolio project

HTML-CSS
1

I’m almost done claiming my web development certification. I just have to finish the portfolio project at the very end.
I’ve followed all the steps but it won’t register that I’ve got the navbar on top of the viewport and that I have an element with the class “project-tile”.

Is there anything I’m doing wrong?

<!DOCTYPE html>
<html lang="eng">
<head>
  
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"
>
<link rel="stylesheet" href="styles.css">
<nav id="navbar">
<a href="#project-title">Project</a>
</nav>
</head>
<body>


<welcome id="welcome-section">
<h1>Welcome to my Website</h1>
</welcome>

<div >
<a href="https://github.com/NersesArslan" id="profile-link" target="_blank">myGithub</a>
<div>

<project class="project-tile">
  <a href="https://nerses.home.blog/">My Blog</a>

</projects>
<projects id="projects" class="project-tile">
<a href="file:///Users/nersesarslanian/Downloads/reading.jpg">Another One</a>
</projects>
</body>


</html>
2

We would need to see your CSS in order to help you.

Also, there is no such thing as a welcome, project, projects element in HTML. While using these non-elements may not prevent from passing all of the tests, I personally would not use them.

3

Here’s my CSS. I’ll replace them with div tags to see if that works.

Thanks.

@media only screen and (width: 500px) 
{

}

#welcome-section {
  height: 100vh;
}

nav {
  position:sticky;
}
4

It’s not enough just to make it sticky. You also have to position it to the top.

1 Like
5

I added the top property with 0px and it worked. Thanks for the help, it feels great to get my first certification!

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.