Build a Cat Photo App - Step 37

HTML-CSS
1

Tell us what’s happening:

At Step 37 of the Cat Photo App building task in the full stack developer course, my code line of code isn’t being accepted by the system even though I have checked with ChatGPT which says that it is correct. The words are also being highlighted in the preview tab and the code seems to be functioning just fine. It is simply not being accepted by the system. Somebody said on this forum that I should not copy paste but rather type the link out. That doesn’t seem to fix the problem. What to do now?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>catnip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
    </main>
    <footer>
      <p>No Copyright - <a href="freeCodeCamp.org</p>

<!-- User Editable Region -->

      <p>No Copyright -<a href="https://www.freecodecamp.org">freeCodeCamp.org</a></p>

<!-- User Editable Region -->

    </footer>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Cat Photo App - Step 37

2

First off ChatGPT is not a reliability checker. It will lie with 100% confidence.

Secondly have you checked the view on the preview to see if something is off in regards to how the No Copyright text is displayed.

3

Hi there, welcome to the community! :blush:

I noticed a few small issues in your code:

  1. The <a> tag is missing a closing tag (</a>). Also, the opening <a> tag is incorrectly written.
  2. There should be a space after the - inside the <p> tag for better readability.
  3. You have duplicate <p> tags and other inconsistencies—consider resetting and reviewing the structure of your code.

Try fixing these, and you should be good to go! Keep up the great work!