Technical Doc. Project Feedback and Question

Hello everyone
I just finished Tech. Doc. Project in codepen. Here is my link:

Do you have any advice?

Also I have a questions:

  1. I can not add searchbutton <i class icon why is that? I want to button looks like

The error message tells you the sections that are causing you to not pass this test:


Read the error message explanation very closely:

“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.”

As far as advice, you need to make this responsive. Narrow your browser as far as it will go. You’ll see the horizontal scroll bar and when you scroll to the right the content flows under the side menu and is also visible. At narrower widths you can’t keep the side menu visible like that.

1 Like

@ayhanisidici, in addition to fixing the issues noted in the previous post you should;

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
  • You also failed to close both of your media queries