Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I really don’t get it, I did what it asked me for. Am i really dumb here or is it the software? Please help, anyone.

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>

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hi there.

Please place the code all on one line instead of two as you have now.

Also make sure there is a space after the anchor closing tag to maintain proper spacing in the sentence. Use the preview pane to see that the line looks as it did before.

3

hey there, I have tried what you have said and I was given this message, " Sorry, your code does not pass. Keep trying.

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

4

I have nested the (a) with the link as the example said and everything I believe I did right. I don’t understand what I was missing for the past hour.

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

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

7

There seems to be an extra > bracket at the start of the line ?

1 Like
8

Hi my friend, I have resolved your problem, you should add a additional blank space after . Can you give me a Like, Im new to here.

1 Like
9

hey the problem still persists even after removing the bracket and adding those things

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

dude, dont leave the additional, after opening P tags,

12

remove the blank space before “See”

13

Your spacing is still incorrect.

Please click the reset button to restore the original spaces and then add your tags around the words cat photos without adding any extra spaces inside the text.
(The anchor tag should have exactly one space in the text, while the paragraph spacing should remain as given to you. So reset button will probably be easier than us telling you what to fix)

14

Copy the original text and tightly wrap the part of the text that needs to be linked with the ‘a’ element. When writing HTML, you should maintain a good style, such as indentation. This will make your code structure look clearer.