Well, my project is done. However, something is bugging me (two things, really).
First, when I initially ran my code through the validator, it didn’t find any errors. However, the codepen/FCC test found one, regarding user story 3. I had one h1 element as my main header (the name of the page, “JS Documentation”) and all the section titels as h2 elements. I had to change all the headers to “header” elements to pass the test (which is strange and also, when I run the code like this on the validator, it shows a warning, telling me that i should use h2 to h6 instead)
The other thing that definitely doesn’t look right is that, when I open my page through VSCode’s live server, it shows the full navbar, and there’s even some free space below it. But when i open it on codepen, and i think it’s because of that black bar on the top of the page, my navbar not only doesn’t show as it should, but also, as i didn’t make it to scroll vertically, i can’t see or access the last item in it.
@Slimattcode I managed to find a way to fix the problem and also make it look like i originally intended. I removed the overflow-y from the declaration, changed the max-height to 90vh and decreased the vertical padding of the li elements by 0.1em so everything looks cleaner. Now it doesn’t show a scrollbar when you open the page on a regular-sized screen (monitor/laptop). The scrollbar only appears wen you open it on a smaller screen;