Technical Documentation Page

Technical Documentation Page
0.0 0

#1

Can’t finish 2 of 14 tests:
"4. Each element with the class of “main-section” should also have an id that corresponds with the text of each contained within it. Any spaces should be replaced with underscores (e.g. The that contains the header “Javascript and Java” should have a corresponding id=“Javascript_and_Java”)."
I cant find where I made mistake

and this one
"1. On regular sized devices (laptops, desktops), the element with id=“navbar” should be shown on the left side of the screen and should always be visible to the user."

Please help me to understand what I did wrong

http://codepen.io/Bron101/pen/LWjzrP


#2

You used lowercase s in “JavaScript”. Note that you can find more details on the error by clicking “Tests 12/14”

I don’t know why the other one fails.


#3

Thanks for helping mate


#4

The reason you are failing the Layout #1 test is because of a bug in how the test was created. I reported it over 7 weeks ago (see https://github.com/freeCodeCamp/freeCodeCamp/issues/13356), but no one has even responded back on github. The test should only be testing if the navbar section is on the left. It accomplishes this with a measurement and allows up to 10px. Your code passes that requirement. But for some reason, they also put in a test so that the top can not be in more than 10px either, so that is where you are failing.

Just put:

top:10px;

in your #navbar css and it will pass the test. It is really annoying, because I designed mine a certain way where I want the header to be more than 10px from the top to make my design work the way I like. Of course, mine fails too. If no one fixes it in the next couple of weeks, I will just modify my design to force it to pass the test.

One comment about your project. I believe the idea behind this project was to come up with your own technical documentation and not just copy/paste the FCC text. It does not even have to be the same topic. Mine was completely different.


#5

Thanks for explanation


#6

The issue is still open, so it should be resolved once/before the curriculum update goes out of beta.

EDIT: There is also an issue for it on the tests-repo: https://github.com/freeCodeCamp/testable-projects-fcc/issues/74

In most cases this can easily be solved by using padding-top or margin-top (on a child element).


#7

I’m having the same problem. I just designed mine to have a logo in top of the navbar, no my layout is broken because of the measurement pixels implemented on the tests :sweat:


#8

And I too have a problem here. My page should pass all the tests, but I’m stuck on this one:

“1. On regular sized devices (laptops, desktops), the element with id=“navbar” should be shown on the left side of the screen and should always be visible to the user.”

And here’s my page: https://codepen.io/Ricardaszxy/pen/NzbQog

If someone could give a hand I’d really appreciate it.