Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

tep 12
Add the words See more before the anchor element and in our gallery after the anchor element.

CatPhotoApp

Cat Photos

Everyone loves cute cats online!

see more cat photos in our gallery cat photos

i don’t have idea in this step please help me

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>
     <a href="https://freecatphotoapp.com "> see more cat photos in our gallery</a>  

<!-- User Editable Region -->

     <see more a href="https://freecatphotoapp.com "in our gallery>  cat photos</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Welcome :wave:

You need to add the words before the anchor element not within the anchor element.

1 Like
3

Hi buddy, this is code in the instructions.

<a href="https://freecatphotoapp.com">cat photos</a>

Here is the instructions you need to follow.

Add the words See more  before the anchor element and  in our gallery after the anchor element.

So the text See more should be before the <a> anchor tag, then the text in our gallery after the anchor tag </a>.

Hope You Understand !!

1 Like
4

Don’t wrote it like this

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

put it like this
removed

make sure the latter ( S ) is capital latter, if you put small latter ( s ) can’t run

5

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

6

I’ve edited your post to improve the readability of the code. 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 (').