Learn HTML by Building a Cat Photo App - Step 64

HTML-CSS
1

Tell us what’s happening:

I have done everything right in this lesson. But it is continuing to say there are typos in my code when I just simply copy and pasted the url and text that were inserted. I even typed it out myself and it still wasnt working. It is step 64 or the one where it wants me to put the no copyright freecode camp org text in…

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <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>

<!-- 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/126.0.0.0 Safari/537.36 Edg/126.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 64

2

You have typos in your spacing. You can’t change any of the whitespace on this step.

3

sorry but what do you mean by i cant change any of the whitespace of the step?

4

“Whitespace” refers to tabs, spaces, and newlines.

You added 2 newlines (linebreaks) and you changed how many spaces and where the spaces were in your text.

5

Buddy you write your code well,

But kindly remove the space around the word freeCodeCamp.org and opening and closing anchor tag

Hope You Understand :blush:

6

Ok there is a problem with this lesson. I troubleshooted everything and my code was correct. So what I did was swap the last two tags which on paper looks incorrect but this is what the system wants for me to pass the lesson. Once you go to the next lesson you can look at the past code and you can see the system reversed it to the actual correct answer so it is confusing but was the only way I could move on…

7

Hi there!

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 (').

1 Like
8

oh okay I thought you removed the backticks because it might have given away the answer. Thanks for this info!

1 Like
9 
</a></p>

I dont know how to say this without giving the answer… this is what the system wants for your closing code.

</p></a>

but i was just trying random things and it turns out putting the wrong answer in or I guess the wrong order allowed me to precede to the next lesson… Hope this helps if you have the same problem with it.

10

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