Personal Portfolio Webpage - Build a Personal Portfolio Webpage - Issues with Nav Bar

I am running into three error codes regarding the nav section of my code which are as follows:

  • Your portfolio should have a navbar with an id of navbar .
  • Your #navbar element should contain at least one a element whose href attribute starts with #.
  • Your #navbar element should always be at the top of the viewport

As far as I can tell, my code fulfills all three requirements and I am not sure what to do to correct these errors. Any advice would be helpful!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang='en'>
    <meta charset='UTF-8' />
    <link rel='stylesheet' href='styles.css' />
    <nav id='nav-bar'>
        <li><a href='#welcome-section'>Welcome</a></li>
        <li><a href='#projects'>Projects</a></li>

    <section id='welcome-section'>
      <h1>My Portfolio</h1>

    <section id='projects'>
      <div class='project-tile'><a href=''><img src=''/ id='tile-img'></a></div>

      <a href='' id='profile-link' target='_blank'>GitHub Profile</a>

/* file: styles.css */
#tile-img {
  max-width: 500px;
  max-height: 400px;
  display: flex;
  justify-content: center;
  margin-left: 70px;

h1 {
  margin-top: 25px;
  text-align: center;
  font-family: sans-serif;
  color: #eeccbb;

  background-color: #aaee;

#nav-bar {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;

@media screen and (min-width: 900px){
  #tile-img {
    max-width: 500px;
    max-height: 400px;

Your browser information:

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

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

navbar and nav-bar is not the same thing.


Thank you, I think I’ve been staring at the computer for way too long LOL.

its your navbar the instructions said to add an id of navbar but you instead put “nav-bar”. And don’t forget to correct the id in CSS :))

1 Like

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