@Pagey@lasjorg asjorg I am only free member I can only have one project on their I think, but will try if you go to my profile would you be able to see it there or does it need to be a project? thanks.
below the vague test, there is also written the assertion error that say exactly what’s wrong:
The .nav-link with href="#features" is not linked to a corresponding element on the page : expected null to not equal null
AssertionError: The .nav-link with href="#features" is not linked to a corresponding element on the page : expected null to not equal null
Now, go take a look at your #features element and you will find out you have a typo
I managed to fix a few bugs and get all the tests passing. Here are the bugs I found:
the id features was incorrectly spelled as <section id="feautres">, if you change this typo that gets one of the tests to pass
the header needs to be fixed to the top of the screen so that it still shows when scrolling. You therefore need to add this CSS:
header {
position: fixed; // fix the header
top: 0; // to the top of the page
left: 0; // and to the left of the page
right: 0; // and to the right of the page
}
Thank you @Pagey I managed to pass this one, When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’
But its The navbar should always be at the top of the viewport.
if I use the header it move my nav bar to the left but also moves it in to columns, i want it to say at the top right in a row.
After using position: fixed; on the header you can also set that on the nav to keep it’s current position (instead of absolute). You will also have to increase the size of the logo image (to like width: 50%).
You should use the sections to wrap each part of the page they belong to so the links take you to the correct part of the page. That is after all the point of the links being connected to the sections.
You change one of the class on the links to navbar-link it should be nav-link.
You have errors in the HTML. Press the down arrow to the right of the HTML code box and select “Analyze HTML”.
You need to be careful and make sure you are closing the strings surrounding attribute values. You can tell something isn’t right if all the HTML suddenly is colored green. That is the syntax highlighter and green is for Strings.