Technical Documentation Page - User Story #13

Technical Documentation Page - User Story #13
0

#1

User story : “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 section element that has that id and contains the corresponding header.”
my pen - https://codepen.io/irakli12345/pen/djxvrE
It performs exactly as described, yet still fails. I checked for typos and even spaces :frowning:


#2

There was a space before the closing quotes in
href="#advanced_stuff" in your anchor tag and so the navigation for that link wasn’t working
When i cleared it, #13 is passed and the navigation also works


#3

Hi…
I think error is because the last nav-link (advance_stuff) is in two lines… when i tried putting them in one line, the error is going.
And consider adding the script in top of your html page so that we can test from browser only…


#4

thank you.:star_struck:


#5

I usually copied and pasted it in the fork-me link, but i’ll figure out adding the script! thanks :slight_smile:


#6

if you need any help with that, i will be happy to help.


#7

No, figured it out already! appreciate it though


#8

I will be glad if I am helped in checking what is wrong to this my practice test that user story 13 could not be passed in spite of all checks: https://codepen.io/Semiu/pen/mzYdGj


#9

From the output of the assertion test

Check that these .main-section ids have corresponding href values : Functional_and_Non-Functional_Requirements,View_Front_End_Design_Architecture : expected 2 to equal 0

Check the href in each of your <a> tags

Check that all your target id are formed correctly. You have used - in one place and _ in the other


#10

Thank you very much for the help, @alhazen1 . I am sincerely grateful.