Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

  1. I’m unable to correctly add the right border on the nav section in CSS.
    I initially applied border-right to nav > #navbar but it won’t appear.

So I decided to apply it separately on #navbar >.nav and .header_js to apply border, and it’s able to follow the border outside the scrollbar as per example the example to follow( https://technical-documentation-page.freecodecamp.rocks/)

Can you review my code on how I should properly apply the border on nav?

See codepen and refer to CSS /*Challenge I encounter below */

  1. Also, I realized that the JS documentation header overlaps the nav when the height of the browser is small. Can you also review that.

Your code so far
Codepen link:

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.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

We need to see your code in order to provide help

just updated now. I accidentally posted while typing

1 Like