Learn HTML by Building a Cat Photo App - Step 19

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
can you guys tell me, how to place h3 in section after h2?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>

<!-- User Editable Region -->

      </section>
     
      <section>
        <h2>Cat Lists</h2>
      </section>


        



<!-- User Editable Region -->

    </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/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

Can you give it a try first? If you can’t get it to work then paste your HTML in here and we can help you fix it.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

3

You already have this on the page.

<section>
        <h2>Cat Lists</h2>
        
</section>

So below the h2 element, add an h3 element with this text:
Things cats love:
Reset your code before you start.

4

problem has been solved, previously I forgot to add dot (.) only. Thank you for the response given, now I’m at step 26

5

problem has been solved, previously I forgot to add dot (.) only. Thank you for the response given, now I’m at step 26, wml dude

6

Awesome. Glad you were able to solve it.

In the future, if you ask for help and then solve it before anyone responds, please be sure to come back and mark it as solved so people don’t spend time helping you when you don’t need it.

7

Thank you for the input given, in the future I will be more aware of this, before I wanted to mark as solved, but I couldn’t find the button

8

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