How to do step 18

HTML-CSS
1

It says Take your h2 , comment, p , and anchor (a ) elements and nest them in a section element. but I don’t understand what to do, this is the code I have that they want me to do it on

<main>
      <h1>CatPhotoApp</h1>

      <h2>Cat Photos</h2>
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <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>

    </main>
2

Hi. It has asked you to wrap all the elements they have listed inside one opening and closing section element.

3

How would I wrap all the elements?

4

Welcome to the forum @Mrlearner

From the example code:

<section>
  <h2>Section Title</h2>
  <p>Section content...</p>
</section>

Wrapping an element means placing it inside another other element.
In the example, the h2 and p elements are nested in the section element.

Happy coding

5

so how would I do it in the code still???

6

We can’t give the answer we can only guide. See how the section element is done in the example @Teller wrote above? Use the section elements to your code. A lot of this is about reading the instructions carefully.

2 Likes
7

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