Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

I am unable to clear : " The first child of each .main-section should be a header element."
test check despite all header elements being the first child of .main-section. I verified the first-child condition by writing a CSS rule which puts a border around each header element if it’s a first child of parent element and it highlighted each header element.
Also , each header element is directly after section element.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<section class="main-section" id = "Introduction">
<header id = "Introduction">
  Introduction
</header>
 <p>JavaScript is a cross-platform, object-oriented scripting language. It is a small and lightweight language. Inside a host environment (for example, a web browser), JavaScript can be connected to the objects of its environment to provide programmatic control over them.</p>
 <p>JavaScript contains a standard library of objects, such as Array, Date, and Math, and a core set of language elements such as operators, control structures, and statements. Core JavaScript can be extended for a variety of purposes by supplementing it with additional objects; for example: </p>
 <ul>
     <li>Client-side JavaScript extends the core language by supplying objects to control a browser and its Document Object Model (DOM). For example, client-side extensions allow an application to place elements on an HTML form and respond to user events such as mouse clicks, form input, and page navigation. </li>
     <li>Server-side JavaScript extends the core language by supplying objects relevant to running JavaScript on a server. For example, server-side extensions allow an application to communicate with a database, provide continuity of information from one invocation to another of the application, or perform file manipulations on a server. </li>
 </ul>
</section>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:123.0) Gecko/20100101 Firefox/123.0

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

The code that you’ve provided does pass the test
Passed:The first child of each .main-section should be a header element.

3

Cut your code 'id=“Introduction” from header.

It will be ok.

4

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