Learn-html-by-building-a-cat-photo-app/step-66

HTML-CSS
1

I have reviewed my code and I cannot find the error,
I leave my code and the system’s response

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

Sorry, your code does not pass. Hang in there.

After nesting the anchor (a) element, the only p element content visible in the browser should be
No Copyright - freeCodeCamp.org.
Double check the text, spacing, or punctuation of both the p and nested anchor element.

2

please share a link to the challenge

3

  1. The link should come after the No Copyright - text.

  2. You should replace the existing freeCodeCamp.org text with the link, not repeat it.

4

Thanks lasjorg,
When I execute what you point out to me this happens.
please review the link

Regarding the:
1)If you notice, when I place the text:
“No Copyright…” before the link.
The system tells me that after the
anchor element goes that text.

  1. Step 66 clearly says:
    Step 66
    Turn the existing freeCodeCamp.org text into a link
    by enclosing it in an anchor (a) element.
    The href attribute should be…
5

Please always post your latest code.

You should be adding zero additional text from the starting code. You should only be adding opening and closing a tags.

6

Thanks JeremyLT,
I send a link with the current code
There is no more than requested and all tags are closed.

7

Your current code is only on your computer. You have to post your code here for us to see it. (Imagine the chaos if someone anywhere wrote code on a freeCodeCamp lesson and it changed what literally everyone else in the world saw on the page?!?!)

8

Sorry, I am sending it right now
Pd. I must have commented out the code to avoid the restrictions.

<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>cat nip</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>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>
            <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
    <footer>
    <p> <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>No 
    Copyright - freeCodeCamp.org</p>
    </footer>

  
  </body>
</html>
9

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

10

You wrote freeCodeCamp.org again instead of using the text that was already there. You absolutely must use the text that was already there.

11

Thank you very much, I solved it.

However I find it confusing that the system first indicates that the text that will appear as a link is:
“freeCodeCamp.org”
and, that the “only text” that should appear on screen is:
“No Copyright…”

When it says “the only text that should appear …”
the system is considering as “text” what is intrinsically not text, since at that point it is already a link.

I hope I have made myself understood.
Regards

12

This is the text that is displayed with the correct solution:
image

1 Like