Introduction to HTML5 Elements as children

HTML-CSS
1

**Tell us what’s happening:**Hi I do not seem to understand. It says the main element should have two paragraph elements as children? Please advise

Your code so far


<h2>CatPhotoApp</h2>

<main>
    <p>Purr jump eat the grass rip the couch scratched sunbath, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched</p>
    </main>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS aarch64 12239.92.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.136 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements

2

close your main tag after second paragrah.
like this
main tag
first par
second par
close main tag

1 Like
3

Let us go through it one step at a time:

  1. main element refers to the <main> tag.
  2. The tag (any element with <> around it) denotes the beginning or end of an element. Usually, an element is ended with </ >, where instead of the space, you have the element name.
  3. Any element that is inside of another element is called its child. So, in your code, <h2>...</h2> has no children. However, <main>...</main> has one child which is the p element.
  4. The lesson wants you to add another child p element to the main element. So, you need to make sure that in between the <main>...</main> tags there are two <p>...</p> tags.

Hope this helps.

1 Like
4

Hi, I see you are using second paragraph after . both paragraphs should be between the ‘<\main>‘ tag. Inserting a tag inside another tag is called nesting.