Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:

I am stuck at the last step of the project “Create a Personal Portfolio Webpage” I Don’t know how to make the navbar always at the top of the viewport.

I tried couple of things but really Don’t know how to sort it out.

Thanks for helping.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang"en">
<head>
  <link rel="stylesheet" href="styles.css">
<title>Title of the document</title>
</head>

<body>
<header>
<ul id="navbar">
  <li>
      <a href="#welcome-section">About</a>
  </li>
   <li>
      <a href="#projects">Projects</a>
  </li>
   <li>
      <a href="contact">Contact</a>
  </li>
</ul>
</header>
<section id="welcome-section">
  <h1>Text</h1>
</section>

<div id="projects">
  <div class="project-tile"></div>
  <a href="https://www.linkedin.com/in/romain-crosson-5067a9a5/">My Linkedin Profile</a>
</div>

<div id="profiles">

  <a id="profile-link" href="https://forum.freecodecamp.org/u/romainhoward.crosson/summary " target="_blank">FreeCodeCamp Profile</a>

</div>

</body>

</html> 

/* file: styles.css */
@media (min-width:200px) {
  background-color:black;
}

#navbar {
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%; 
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

2

Hi @romainhoward.crosson

You do not have a navbar element, you have an ul element.

Happy coding

3

Hi, yeah it works thanks!!!

1 Like