Personal Portfolio Webpage - Build a Personal Portfolio Webpage

I keep getting the error Your #projects element should contain at least one a element. But from what I can see it does contain a elements. Can someone please explain where I went wrong?

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div class="page-wrapper">
      <header id="header">
        <div class="nav-bar">
          <div class="links">
          <nav id="navbar">
            <ul class="nav-list">
              <li><a href="#welcome-section">About</a></li>
              <li><a  href="#projects">Work</a></li></li>
              <li><a class="nav-link" href="#contact">Contact</a></li></li>
            </ul>
          </nav>
          </div>
        </div>
      </header>
  <!-- welcome section -->
       <div class="welcome"> 
        <section id="welcome-section">
          <h1>Hi I am a web developer.</h1>
        </section>
      </div>
        <!-- welcome section end -->
        <!-- project section -->   <div class="projects">
        <div class="project-text">
          <section id="projects">
            <h2 class="project-tile">These are some of my projects.</h2>
        </div>
      <div class="projects-grid">
        <div>
          <a
          href="https://codepen.io/freeCodeCamp/full/zNqgVx"
          target="_blank"
        >
          <img
            class="project-image"
            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
            alt="project"
          />
          <p class="project-title">Tribute Page
          </p>
          </a>
        </div>
        <div>
          <a
          href="https://codepen.io/freeCodeCamp/full/qRZeGZ"
          target="_blank"
        >
          <img
            class="project-image"
            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
            alt="project" height= "200px"
          />
          <p class="project-title">Random Quote Machine</p>
          </a>
        </div>
        <div>
          <img
            class="project-image"
            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
            alt="project" height= "200px"
          />
          <p class="project-title">JavaScript Calculator</p>
        </div>
        <div>
          <a
          href="https://codepen.io/freeCodeCamp/full/wgGVVX"
          target="_blank"
        >
          <img
            class="project-image"
            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
            alt="project"
        height= "200px"  />
          <p class="project-title">Map Data Across the Globe</p>
          </a>
        </div>
        <div>
          <a
          href="https://codepen.io/freeCodeCamp/full/mVEJag"
          target="_blank"
        >
          <img class="project-image"
            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
            alt="project"
        height= "200px"  />
          <p class="project-title">Wikipedia Viewer</p>
          </a>
        </div>
        <div>
          <a
          href="https://codepen.io/freeCodeCamp/full/wGqEga"
          target="_blank"
        >
          <img
class="project-image"
            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png"
            alt="project" height= "200px"
          />
          <p class="project-title">Tic Tac Toe Game</p>
          </a>
        </div>
      </div>
    </section>
    <section id="contacts">
      <div class="contact">
        <h2 class="contact-text">Contact Me</h2>
        <div class="contact-details">
          <a
          href="https://facebook.com/freecodecamp"
          target="_blank"
          class="btn contact-details"
          >FaceBook</a>
          <a
          id="profile-link"
          href="https://github.com/freecodecamp"
          target="_blank"
          class="btn contact-details"
          >GitHub</a>
          <a
          href="https://twitter.com/freecodecamp"
          target="_blank"
          class="btn contact-details"
          >Twitter</a>
          <a href="/cdn-cgi/l/email-protection#9bfee3faf6ebf7fedbfee3faf6ebf7feb5f8f4f6" class="btn contact-details">Email me</a>
          <a href="tel:555-555-5555" class="btn contact-details"
          >Call me</a>
        </div>
      </div>
    </section>
          </div>
        </section>
      </header>
    </div>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14816.131.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

You have the closing div tag within the ‘section’ element with id set to the “projects”. Delete it. Also, you should check your html code for other mistakes:

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