Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

I tried to complete the Technical Documentation Page from the Responsive web design course, but it tells me that I have an error: Failed: You should have at least five code elements that are descendants of .main-section elements.

I put <header> <article> <p> and <ul> with its list items, I added more <p> elements and <li> but it keeps saying the same error.

Is <code> element another thing? maybe It have a diferent meaning.
Is an error from the page and I’m right with my code?

Please help me!

Your code so far

<!-- file: index.html -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

Welcome to the forum!

I think the formatting of your post got messed up, I can’t see your code. But I think I know what might be confusing.

The page needs multiple .main-section elements. In those elements, there should be a total of five code elements between them all.

Example:

<section class="main-section">
  <h1>Heading 1</h1>
  <p>Description description description...</p>
</section>

<section class="main-section">
  <p>Description description description...</p>
</section>

<section class="main-section">
  <h2>Heading 2</h2>
</section>

<section class="main-section">
  <p>Description description description...</p>
</section>

Notice that I have content in each of my .main-section elements, but none of them are the same. However, in all four .main-section elements combined, I have a total of three p elements.

The test wants you to do this with your .main-section elements and your code elements instead.

Good luck, and happy coding.

1 Like
3

it is a specific element that you need to use

btw I have edited your post and added backticks around each tag so that they are readable and not rendered