Responsive web design learning to build a cat photo app step 63

HTML-CSS
1

all i have is

   <a href="https://www.freecodecamp.org"> freeCodeCamp.org </a>

and it gives me the hint of
After nesting the anchor ( a ) element, the only p element content visible in the browser should be No Copyright - freeCodeCamp.org . Double check the text, spacing, or punctuation of both the p and nested anchor element.

but i dont under stand where to place the no copyright part and im guessing what i have so far isnt right either

thanks for help

2 Likes
2

You’re saying that

The lesson states that you need to have it nested inside a <p> tag. (Nested as in, between an opening and closing <p> tag)

1 Like
3

it is i just didnt copy and paste the p tags since they were already there from the lesson before

1 Like
4

So are the <p> tags surrounding the <a> tags?

1 Like
5

Thats correct the p tags are surrounding the anchor tags

6

Sorry for the late reply. Can I see the full code for the <p> tag? That would really help.

7

No Copyright - should appear as text outside the link, so write it just before your anchor element.

8

not a problem thanks for responding. here is everything from form down

No Copyright - freecodecamp.org freeCodeCamp.org

9

i tried that and other places too

10

i tried writing it all in but all that is displaying is the no copyright and the link. the

is right before the and the

is right after the so

11

May you please copy and paste your full code for the <p> tag, because then I can help you where you are having trouble.

12

I tried to copy and paste everything but for some reason on here what i type only shows up as one link saying freecodecamp.org and then i tried to do it differently and said new users can only post 2 links. Ill try and take a picture now and see if i can post it

13 
<p>
<a> href=“freecodecamp.org”> freecodecamp.org
</a> no copyright 
</p>

For some reason when i post this it blocks out the p elements and the closing a element

14

I’ve noticed that your code

Does not meet that criteria. Try reading the instructions for the challenge and see what it asks for. You will need to nest an <a> tag inside of a <p> tag.

15

i nested an a tag inside the p tags along with the href

16

hey I’m having the same exact issue as you, I nested the anchor inside of the

& I’m still getting the error of …
“After nesting the anchor ( a ) element, the only p element content visible in the browser should be No Copyright - freeCodeCamp.org . Double check the text, spacing, or punctuation of both the p and nested anchor element.”

here’s my code <p>No Copyright - <a href="https://www.freecodecamp.org"> freeCodeCamp.org</a></p>

17

Do you seem to have a double space? - <a> freeCodeCamp.org

1 Like
18

not that I can see, the way it formatted on the page looks like it, but I just checked & it has single spaces throughout

19

Odd, well heres my soluton:
No Copyright - freeCodeCamp.org
|
No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
Tho idk if adding <p> tags would mess up anything:

Edit: Yep!

Hint

After nesting the anchor ( a ) element, the only p element content visible in the browser should be No Copyright - freeCodeCamp.org . Double check the text, spacing, or punctuation of both the p and nested anchor element.

This feels like bad practice but there should never be plain text thats never in a element.

1 Like
20

yeah that worked, thanks. No need for the (p) elements at all