Build a Cat Photo App - Step 37

HTML-CSS
1

Tell us what’s happening:

stuck here step 37 for too long… my code is :

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

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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

Challenge Information:

Build a Cat Photo App - Step 37

2

Please talk about how you got stuck figuring out what the error message is telling you.

3

my (a) element should be nested with th (p) element inside the footer . Make sure to add an opening tag and closing tag for the anchor (a) element

4

Copy-pasting stuff doesn’t tell me how you personally got stuck though

5

but you can see it on the forum my code right ? I just wrote down myself what the system told me , I didn’t copy paste anything .

6

You copy-pasted the error message without telling me how you were stuck understanding it.

This is a malformed opening a tag (look at the colors). Also you deleted text that wasn’t requested to be deleted.

7

this is really weird , I see no problem with my code .. I don’t understand it maybe I’m just too dumb

8

Do you see the colors in the part I highlighted?

9

yes I do see the colors , but what are you trying to tell me ? is it all wrong ?

10

then how am I supposed to write this ? cause in my previous steps the <a href… has no problem !I just can’t follow

11

What about the colors seems like it is suspicious? What is different about the colors of the opening and closing tags?

12

I don’t know at this point ! I just can’t figure out , even chat gpt gives me the code which I’m writing and still it says that its not good .. so I’m giving up

13

Don’t ask GPT. You don’t need to cripple your ability to problem solve yourself.

Seriously, look at the opening a tag. What color is the letter a? What color is the letter a in the closing anchor tag? What else is the same color as the letter a in the closing anchor tag?

14

the only thing is see it s : <a href …
and I tried to add and it changes color but still its not letting me through

15

You are not answering what I asked.

What color is the letter a in the opening anchor tag I quoted?

What color is the letter a in the closing anchor tag I quoted?

16

opening tag color is orange
closing tag color is green

17

What else is green in the code I highlighted?

(this gets close to the first issue with your code)

18

That’s kind of strange right? Why is the last tag a different color? It seems like it color codes HTML tags orange.

And what color is the text in the quotes?

19

which of these is your code? you posted two different snippets

20

Instead of putting<\a> just put > inside of your p element I’d you don’t understand I can try to explain more in depth