Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
#1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
          <!-- TODO: Add link to cat photos -->
             <p>Click here to view more <a href="https://freecatphotoapp.com">cat photos</a></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/103.0.5060.134 Safari/537.36 Edg/103.0.1264.71

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

1 Like
#2

you should nest the anchor into the paragraph not outside and the < a > is self closing no need to use after the opening one

#3

< a > is self closing no need to use after the opening one
I don’t understand this one.

1 Like
#4

sorry i been busy but yes hopefully u figure it out before! its not necesary

#5

Thank you for replying, I haven’t pass this step.

#6

i am also having a problem in passing this step

#7

i believe they have anchored into the paragraph i dont see the problem with that

#8

I changed the line with
<p>Click here to view more cat photos.<a href="https://freecatphotoapp.com">cat photos</a></p>

and
Hint tell me:

Hint

After nesting the anchor (a) element, the only p element content visible in the browser should be Click here to view more cat photos. Double check the text, spacing, or punctuation of both the p and nested anchor element.

#9

I’m trying to ask others pass this step. If I have an answer I will tell you asap

#10

Be careful with the main text they tell in the headline

#11

im gettig the same hint

#12

has it worked for you?

#13

Hi,

We’re trying to lower the amount of spoiler solutions on the forum. Please do not post full working solutions to lessons on the forum. I have edited your post to remove the solution.

Full working solutions that can be copy pasted into the lesson do not help users learn long term, as having the solution doesn’t mean understanding why it works. Trying different ways to solve a coding problem with hints and tips improves coding knowledge overall.

Thank you.

1 Like
#14

Hi, if you’ve checked online for help with this lesson, searched the forum and still can’t solve the lesson please make your own new topic post. It is easier to help if you do this.

You can do this by pressing ‘new topic’ on the front page of the forum, or ‘ask for help’ on the lesson you are stuck on.

#15

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.