FCC Technical Documentation Page issue

Hi everyone.

I wonder if I can get clarification as to why I am getting User Stories #3 and #4 wrong here.

My codepen.io project link is https://codepen.io/JSChang/pen/ExwBQee.

So far I made sure all my sections have a first child which is which resolves #3.

And I have also checked that each sections has id of the respective innerText.

Can someone provide me a feedback here as to why I can’t complete this project.

Any help is much appreciated!

3. The first element within each .main-section should be a element which contains text that describes the topic of that section.

review your code, there is a section that have an unclosed anchor tag, it seems a typo error you wrote <a> insted of a in a paragraph, so is recognized as an anchor and broke the rest of your code.

Also find a duplicated id, you have 2 sections with same id which is not allowed. ID’s should be unique, only one element can have a specific id name. If you need to use style 2 sections at once better using classes instead of ID.

1. On regular sized devices (laptops, desktops), the element with id=“navbar” should be shown on the left half of the screen. It should always be visible to the user and should remain stationary. You may need to enlarge the viewport or zoom out to ensure the navbar doesn’t scroll with the page content.

Your sidebar is not visble when I scroll the page on desktop at least. You need to review the styling on navbar. Check this:

Hi raven 666, thanks for pointing out the issue with some of the entities I used in the HTML script.

Seems like the errors of User Stories #3 and #4 were immediately resolved after added the closing entities where needed.

As for the scrollbar, I will explore further on the positioning that you’ve attached. (Still quite new to HTML and CSS, forgive me for not noticing)

Thank you very much for your help!:pray:

1 Like

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