Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Hi there, I have a question regarding " You should have at least five code elements that are descendants of .main-section elements."
I am not sure how to count the numbers of the descendants of .main-section elements. I am stuck for this for hours, trying to create more elements in .main-section elements but still fail.
I checked the page the project provided, but not understand why it hat at least 5 elements in the .main-section.
Could someone help me? thanks.

2

@Amy22 welcome to the community!

Can you paste here what your code looks like right now?

3

how to post the code?

4

sorry my 1st time to use forum, how can I post the code?

5

image
image515×704 10.3 KB

6

I am trying to paste a section of .main-section in here, hope someone can tell me how to count the descendants, so that I can fullfil the requirement “You should have at least five code elements that are descendants of .main-section elements.” Thanks.

7

No worries. You can check this post on how you could format your code when pasting it here.

1 Like
8

I see.

In terms of descendants required by the challenge, it refers to the first level of elements nested within an element (the direct descendants), for example:

<section  class="main">
   <h1>...</h1>
   <p>...</p>
   <div>
      <h2>...</h2>
      <p>...</p>
   </div>
</section>

The .main element above currently have 3 descendants, namely h1 , p, and div elements.

9

I am little confusing, if I add h2, h3, img or div element under .main element, then should it pass?

1 Like
10

thanks, I know how to post code now. :smiling_face_with_three_hearts:

1 Like
11

Yes, it should pass if the requirement is to have at least 5 direct descendant elements.

BTW, my previous comment intends to explain the concept behind nesting of elements. :grin: