Build a Cat Photo App - Step 14

Curriculum Help
,
1

Tell us what’s happening:

It tells me the href attribute of the new anchor element should be
“https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg”
That is what i have typed so im all confused.
Can anyone please let me know what im doing wrong so i can fix it?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>Everyone loves <a> cute cats</a> <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"</a> 
      online!</p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Cat Photo App - Step 14

GitHub Link: https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/blocks/workshop-cat-photo-app/671141feba228a35cefba82d.md

2

Hi @codyxy_21,

You have two anchor elements there. You should only have one around “cute cats”.

Happy coding

3

Hey! Your href is actually correct — the problem is the structure of your anchor tags, not the URL.

Look closely at this part:

<a> cute cats</a> <a href="...running-cats.jpg"</a>

You have two separate <a> tags there, but this step only needs one. A couple of things to check:

  1. The first <a> wraps “cute cats” but has no href. The second one has the href but no text inside it.

  2. Take a careful look at the end of your second opening tag, right after the closing quote of the URL. Is the opening tag properly closed before the text begins?

Try merging both into a single anchor: one opening tag that contains the href, then the text “cute cats”, then the closing tag. Think about the shape: <a href="...">text</a>.

You’re really close!