I don't understand

HTML-CSS
1

Tell us what’s happening:

I don’t know what to do. The instructions are unclear.

Your code so far


<h2>CatPhotoApp</h2>
<main>
  
  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
  
  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
  
  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
<p>View more <a target="_blank" href="http://freecodecamp.org"> </a> cat photos </p>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph/

2

Hi @ChosenSiren6!

What part of the instructions isn’t clear to you?

Now nest your existing a element within a new p element (just after the existing main element). The new paragraph should have text that says "View more cat photos", where “cat photos” is a link, and the rest of the text is plain text.

In general, this looks like:

<main>
  <p>Text goes <a href="https://example.com">here</a></p>
</main>
3

oh ok now i understand

4

wait no it still doesn’t work

View more cat photos

![47%20AM|499x64](upload://9RoINUVHg4eRedHIms3kYTdLkAu.png)
5

@ChosenSiren6 Your code looks right to me. Which test(s) is(are) not passing?

6

24%20AM Nesting element a in p

7

@ChosenSiren6 can you copy/paste your full code here, between ``` like this:

https:/uploads/default/original/2X/4/470db50cc014204906db4a54e53a7442df544643.gif

8 
<h2>CatPhotoApp</h2>
<main>
  
  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
  
  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
  
  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

<p>View more <a href="http://freecodecamp.org">cat photos</a></p>

</main>
10

@camperextraordinaire It’s not mine! :smile: I got it from here:

2 Likes
11

@ChosenSiren6 It looks like you added the nested link at the end. Nest the a element that is already present in the code at the top and delete the one you added at the bottom.

12

Im sorry I don’t understand what you’re saying. What do you mean at the end and put it at the top? An example would e helpful.

13

@ChosenSiren6 See my comments in the code below:

<h2>CatPhotoApp</h2>
<main>
  
  <!-- Nest this ==> --><a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
  
  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
  
  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

<!-- Delete this ==> --><p>View more <a href="http://freecodecamp.org">cat photos</a></p>

</main>

Does that help?

14

ok i got it! thanks.

1 Like