Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Hello. I’m stuck on the last step, making sure my navbar is at the top of the viewport. Can someone tell me what I’m doing wrong?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <navbar id="navbar">
  <a class="nav-link" href="#welcome-section">About</a>
<a class="nav-link" href="#projects">Work</a>
<a class="nav-link" href="#contact">Contact</a>
</navbar>
    <section id="welcome-section">
      <h1>Welcome to my portfolio</h1>
    </section>
    <section id="projects">
      <h2>My Projects</h2>
    <div class="projects">
      <a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form" target="_blank"></a>
      <p class="project-tile">Survey Form</p>
      </div>
    </section>
    <section id="contact">
<a id="profile-link" href="https://www.freecodecamp.org/fcc69353b0a-142f-4def-9c1a-8c837bcf4106" target="_blank">Profile</a>
    </section>
  </html>

/* file: styles.css */
@media (max-width: 960px){
  .Projects { 
    padding: 2rem;
  }
}
.navbar {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

Are you sure you are using a class for the navbar?

Also, there is not such thing as a navbar element. It should just be nav.

3

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