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>
    <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"a> see more cat photos 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 (iPhone; CPU iPhone OS 15_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Mobile/15E148 Safari/604.1

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

Link to the challenge:

2

Can you tell us what you’re struggling with please?

3

Well the instructions say turn the word cat photos in the <p element into a link using opening and closing anchor tags around these words but I just don’t see what I’m doing wrong

4

You have the text ‘see more’ twice, for some reason.
You have an opening <a> tag but no closing tag (and the opening tag has a stray ‘a’ at the end of it).
The anchor tags should be wrapped around the words ‘cat photos’, within the text of the <p> element.
The sentence should include a full stop: ‘See more cat photos in our gallery.’

Here’s an example of the kind of syntax you should be using:

<p>Please visit <a href="example.com">my website</a> for awesome content.</p>
5

step 12 is just worded pretty bad, you have to put the link before cats photos then close it after with

6

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