in responsive web desgin course, technical documentation page i had this error and i could not solve it
"
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."
my pen :
please i need help to understand where is the problem in my code.
Ok so very happy to be corrected by a mod, but i believe that your nav element has to essentially be top left from full viewport width to max width 650px. that means when width reaches 650px, You wont necessarily pass this test but thats ok, because they’re only asking for you to comply from 650px with and up.
again make sure nav element is top and left 0 and fixed… Hope that helped, if not… I hope someone else can be more helpful!
thanks alot for your reply, my nav is already top- left on regular sized devices (laptops, desktops), and it does not scroll the page , but i do not know why this error keep shows up, and i do not know how to fix it.
Hi there, so I’ve had a proper look at your work and I actually thing you are doing exactly what is asked of you. I don’t think the specification requires you to pass this 16th test at screen sizes smaller than 600-700 pixels or so.
Please run this test in a larger window (before any media queries) : expected 786 to be above 850
AssertionError: Please run this test in a larger window (before any media queries) : expected 786 to be above 850
For you I think this error just means that you’re testing on too small of a screen size.
If there are any mods who can confirm or rebuke me we’d both appreciate you weighing in. That way both of us can submit something up to standard! @bbsmooth , @Roma or @jwilkins.oboe ?