Build a Cat Photo App - Step 37

HTML-CSS
1

Tell us what’s happening:

Need assistance with Step 37 Cat App
Instructions: Step 37
Turn the existing freeCodeCamp.org text into a link by enclosing it in an anchor (a) element. The href attribute should be set to https://www.freecodecamp.org.
What I have setup:

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="Two tabby kittens sleeping together on a couch.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
    <section>

<!-- User Editable Region -->

       </section>
       </main>
        <footer>
           <p>
    <a href= "http://www.freeCodeCamp.org"></a>
  </p>
 </footer>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 37

2

Hey @hsloeb,

There are a couple things to check out in your HTML. Your anchor link doesn’t have any text inside of it, but it should have the text freeCodeCamp.org inside of it.

Also, check your href attribute and make sure it matches what the steps say it should match. It currently doesn’t match!

Happy Coding!

3

Hi buddy, See here this is the whole text provided in the code here.

<p>No Copyright - freeCodeCamp.org</p>

Here inside the p tag you need to make the text freeCodeCamp.org a link address.

Kindly do put the anchor tag around it.

Hope You Understand.

4

Thank you so much for your reply. However I am confused where the “No Copyright” part comes from. There was no previous text that mentioned No Copyright? Am I supposed to know it automatically? I understand replacing the freecodecamp.org but I am completely confused about the No copyright part. If you can explain I would greatly appreciate it. Thank you!

5

Hi Buddy See, This is already present in the given code.

<p>No Copyright - freeCodeCamp.org</p>

Screenshot (121)
Screenshot (121)1887×706 245 KB

You can see it , I think b mistake it gets removed…

Hope You Understand.

6

Hello brother,

In your coding, (No Copy right) is missing, Now what to do…

Do not delate (No copy right -) but place your cursor immediately after the hyphen and insert the a element and href attribute, and inside the attribute include the link in your current coding, close the link with > Then write freeCodeCamp.org followed by anchor a closing tag

Have a look at my coding below

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

  </p>

HAPPY CODING with FreeCodeCamp