My code isn't recognising the class "project-tile"

No matter where I include or name it & it’s stopping me from earning my certification. Anyone else experiencing this in the final responsive web design certification?

It would help if you pasted your code in here so we could see what you did and possibly help you figure out the issue.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

Hey, I hope this is what you mean by back ticks! Let me know :slight_smile:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Portfolio Mockup</title>
  <link rel="stylesheet" href="styles.css">
  </head>
  <body id="welcome-section">
  
<div class="header">
  <h2 class="logo"> Hot Girl Code </h2>
    <nav id="navbar">
      <ul>
      <li><h2><a href="#about">About</a></h2></li><li><h2><a href="#projects"> Projects</a></h2></li><li><h2><a href="#work"> Work</a></h2></li>
      </ul>
      </div>

<h1> Welcome to my Portfolio </h1>

Here's some of my work: 
<div class="tile-container">
<span id="projects"><a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-product-landing-page-project/build-a-product-landing-page"> Product Landing Page</span></a>
</div>
</div>

<div class="my-profile">
  <p> Here is my freeCodeCamp profile:</p>
<a id="profile-link" href="https://www.freecodecamp.org/fcc24291e59-0b7b-4f8d-85b5-ef19939f303e" target="_blank"> Private Profile </a>
</div>
</div>

<div class="project-tile">
  <form method="post">
    <label> How did you hear about me? 
      <select> 
        <option> Social Media </option>
     <option> In Person </option>
       <option> Newspaper</option>  </select>
    </label>
  </form>
</div>
        </a></header>
        <div 
  </body>
</html>

Yes, that is perfect.

“Your portfolio should contain at least one element with a class of project-tile.”

I think this particular test requires that the element with a class of project-tile is nested within Projects section (in other words, nested within the element that has an id of projects).

The wording on that test should probably be made a little clearer.

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