Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

Hello, I am hitting a block. I have tried learning my nesting issue through the previous forum posts, but my new inexperience is showing and I am asking for a little guidance to help me out. Thank you.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

     <p>See more <a
     href="https://freecatphotoapp.com">cat photos</a> in our gallery.
     </p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- User Editable Region -->

      <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

1 Like
2

Hi. What sort of problems are you having? And what’s the error message? We can’t help you very easily if you don’t tell us what’s wrong.

3

Hey Buddy , when you can see here you have converted the text cat photos into a link.

They why do you need to add another one ?

Think then do changes according to you.

Hope You Will definitely do that.

4

Hi. You have 5 x blank spaces after the full stop before your closing p tag. Remove and it should pass.

1 Like
5

Thanks for the responses.
This is my prompt:
“In the text of your p element, turn the words cat photos into a link by adding opening and closing anchor (a ) tags around these words. Then set the href attribute to https://freecatphotoapp.com”

These are my error messages:

“After nesting the anchor (a ) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element”.

I am confused as to what I need to do that is different.

6 
<p>See more <a href="https://freecatphotoapp.com">cat photos</a> 
     in our gallery.
     </p>

example of what i wrote
7

Hi there!

Your code should be in one line with correct spacing.

1 Like
8

thank you, let me try that!

Like this?

 <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery. </p>
9

You forget the last space to remove.

2 Likes
10

That was it! Thank you so much for the guidance, do you any additional tips or tricks for learning syntax?

1 Like
11

Your welcome. I also learning here from freecodecamp curriculum. If you have any problem about the curriculum challenges or any rendom question about programming, create a topic here on the forum so anyone’s can help you.

1 Like
12

Thank you so much it was the spaces that had me stuck for 2 hrs ur my savior ily

2 Likes
13

No problem! Welcome to the forum. I hope you’re making good progress.

1 Like