Learn HTML by building a Cat Photo App Step 17

HTML-CSS
1 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      </section >
    </main>
  </body>
</html>
2

did you have any question? also

  • share your code using “back ticks at beginning and end”
  • share “url” of your attempting “step”

happy learning :slight_smile:

3

I added the link for the challenge.

In the future, please use the ask for help button which will generate your code and link to the challenge.
also, please make sure to detail the issues you are having with the challenge so we can help you

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 (').

4

It looks like you added the second set of section elements in the wrong palce

This is incorrect

The section element should be placed below the existing one

5

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