I don't understand

I don't understand
0

#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:


#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>

#9

Hey @camper, would you mind if we used your animated gif to replace our current one shown below which the moderators use for explaining how to format code on the forum? I think your version provides a better example than our existing one (shown below).


#10

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


#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.