I am having issues completing the technical page. i have done everything i am told to but yet i’m still getting errors. see below my link to codepen.
Look at the error message for the first one:
<section> element with the class of “main-section” should also have an id …"
That is saying the
<section> element should have the
id, not the
Did you watch the error messages you have after doing the tests?
Error with the 4th user story:
sectionelement with the class of
main-sectionshould also have an id that corresponds with the text of each
headercontained within it. Any spaces should be replaced with underscores (e.g. The
In your code, you didn’t do this, you applied the
id to each
header, which is not what the user story says.
Example of issue in your code:
<section class="main-section"> <header id="Data_types">Data types</header> </section>
Error with the 10th user story:
Additionally, the navbar should contain link (
a) elements with the class of
nav-link. There should be one for every element with the class
Here the issue is that you have 14 sections, but only 13 links in your navbar. In fixing this, it looks to fix the other two errors that I didn’t watch.
It is important to check the logs and read well the tasks asked. Hope it helps!
wow!!! i never saw this. thanks a lot
yay!!! it worked
this was very helpful. thank you very much.
i really appreciate this forum. you guys are the best
i have one more question. On mobile device, i want my navbar to be at the top which i have done. My problem now is that my .main-section goes inside my #navbar(top) instead of moving with it up when i am scrolling my .main-section. Below is my updated codepen link
You are welcome! You make part of the bests too
I checked your code, did you arrive to fix it? Because it looks like yes. Just in case to explain you a little bit, you used the
position property with the
fixed value. It makes that your
navbar goes out of the original HTML flow. So, for the next element, you should use some properties as
padding (they are examples, you have other ways). Like this your element will not be hidden by the
there must be header id in each section and this header ID correspond to a main function code pro zone.
When you say your section hides into the navbar, you talk about when you scroll right?
yes when i scroll the section
You used the
position property with the value
fixed. So your navbar will always be visible according to the CSS you did.
i fixed it so that on a full screen it stays on the left and doesn’t move with the Section
then on the max-width of 768px screen size it moves to the top and moves with the section. see below what i wanted to do
OK you wanted also the navbar to scroll in little screen. Cool you arrived your purpose
not yet. my styling is not working like the last link i sent
please compare and see what i mean (when viewed on a small screen)
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.