Technical page- am i missing something?

Hi I am back trying to complete the last few tasks before continuing on.
it seems that the console is saying i dont have:
User Story #2: Within the #main-doc element, I can see several section elements, each with a class of main-section . There should be a minimum of 5.

here is my code:

https://codepen.io/lukemersh/pen/eqPVae

any help is much appreciated.

I think i know whats wrong.

OK .
Now I an confused.
here is the error i am getting:

Each element with the class of “main-section” should also have an id comprised of the innerText contained within it, with underscores in place of spaces. The id may include special characters if there are special characters in the respective innerText. (e.g. The that contains the header, “JavaScript & Java”, should have a corresponding id=“JavaScript_&_Java”).

Some “main-section” elements are missing the following ids (don’t forget to replace spaces with underscores!) : READ_MORE… : expected 1
;

here is my code:

https://codepen.io/lukemersh/pen/eq

I have been trying to do all sorts of changes but havent found it yet.
many thanks in advance.

I solved that problem by removing the periods in the header.

I see a lot that is missing or needs to be fixed.

  1. Your text is too far away from the links.
  2. It is really hard to see the white text against the grey backgrounds. (the jump links)
  3. You should not be having a horizontal scroll.
  4. Try to choose a better font.
  5. look at mine for a better example. please do not copy. just look and code yours:
    https://codepen.io/Glaurung/full/eXVwZP

THank you very much for your help.
I didnt think I had a horizontal scroll, rather a vertical one.

I have finished the design yet, as I ran unto this problem. will have another go over the weekend. :+1: thank you

1 Like