Why is my project header not showing up

This is for the last challenge of responsive web design

Your code so far

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<nav class=nav id="navbar">
  <ul class="nav-list">
    <li>
      <a href="#welcome-section">About</a>
    </li>
    <li>
      <a href="#projects">Projects</a>
    </li>
    <li>
      <a href="#Contact">Contact</a>
    </li>
  </ul>
</nav>

<!--start weclome section-->

<section id="welcome-section" class="welcome-section">
  <h1>Hi I am Duncan</h1>
  <p>an entrepreneur and I  am learning how to code</p>
</section>

<!-- projects section -->

<section id="projects" class="projects-section">
  <h2 class="projects-section-header">These are the Companies I have founded as an entrepreneur</h2>

Your browser information:

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

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

I think you are going to need to put both your HTML and CSS into codepen and give us the link before we can help you.

thanks for showing me!

I figured it out. I didn’t enclose my section with

But I’ll be back with more questions. Thank you all for replying to me!