Problems with the anchor challenge [Solved]

Problems with the anchor challenge [Solved]
0.0 0

#1

Hi all!

I am at the first HTML Anchor challenge. This is the task:

Create an a element that links to http://freecatphotoapp.com and has “cat photos” as its anchor text.

This is my code:


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball <a href="http://freecatphotoapp.com">cat photos</a> run catnip eat the grass sniff. </p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

This is the error I get:

Your a element should have the anchor text of “cat photos”.
You need an a element that links to http://freecatphotoapp.com
Make sure your a element has a closing tag.

I have tried having the tag alone, inside an otherwise empty

tag and now inside a

tag with other text. The browser next to the code shows the link and I can click on the link (although it then gets blocked).

What am I doing wrong?

Thank You so much for your help!

Jan


#2

I read somewhere else, that the solution was to reload the page, which solved the problem.

Thanks!