Technical Document - Feedback + Question

I just finished my technical document, but it won’t let me post the link at the moment. So, my codepen can be found from the name Drar.

If anyone could give any feedback that’d be greatly appreciated.
I did the topic on Japanese language as it is something I am familiar with, and felt like doing something different to other people.

Onto my question. When testing the website I continually got the following error:

  1. On regular sized devices (laptops, desktops), the element with id=“navbar” should be shown on the left half of the screen. It should always be visible to the user and should remain stationary. You may need to enlarge the viewport or zoom out to ensure the navbar doesn’t scroll with the page content.

However after searching online I found that adding the following to my navbar CSS worked

width: 5%;

This allowed the page to pass no problem, but left me a bit confused. Why was this needed? It did not visually change the website layout, or navbar at all, as it was already a fixed size.

Can someone explain this?


@Satirof Nice work!
Your navigation disapprears at widths less than 900px wide.
I suggest setting it to 100% wide on smaller screens and having it stack on top of everything else. Or you can make a hamburger menu that drops downwards on hover.

This is how I did mine technical documentation project

1 Like