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: