Help with Technical documentation page 1100

Hi wondering if anyone can help me with the last three tests…

4. Each element with the class of “main-section” should also have an id comprised of the innerText contained within it, with underscores in place of spaces. The id may include special characters if there are special characters in the respective innerText. (e.g. The that contains the header, “JavaScript & Java”, should have a corresponding id=“JavaScript_&_Java”).

13. When I click on a navbar element, the page should navigate to the corresponding section of the “main-doc” element (e.g. If I click on a “nav-link” element that contains the text “Hello world”, the page navigates to a element that has that id and contains the corresponding .

2. My Technical Documentation page should use at least one media query.

I really struggle to get my head around he media queries all help is welcome


For number 4, the id goes on the <section> tag not the <header> tag.

I believe once you fix the above then 13 will fix itself.

For 2, you need to use a media query to handle the page layout when the view port narrows. Notice right now that when you make your browser very skinny the layout does not look very good. Instead, the navigation menu should probably shift to the top and then the content should go beneath the menu. If you don’t understand them quite yet then I would revisit the FCC tutorials on them or do some simple google searches as I’m sure there are a ton of tutorials out there.

1 Like

thankyou so much :slight_smile: