Please how do I resolve this error in Web design project 4

1
  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.
    Please run this test in a larger window (before any media queries) : expected 360 to be above 850
    AssertionError: Please run this test in a larger window (before any media queries) : expected 360 to be above 850
    at Proxy.f (https:/
2

Please post a link to your project.

That test is supposed to fail on screen widths below some width. I can’t remember it off the top of my head but it is like below 860px, or something.

3

you need to run the tests in a window larger than 850 px

(@lasjorg written there in the error message :wink: )

4

@ILM Nope, I looked, it’s 868px :wink: (below that it fails).

Anyway, as said it is supposed to fail so you are likely fine. But it would help if we can see the project.

5

uh, maybe then the error message needs to be changed

6

I looked at the test and I’m not actually sure why it is failing at the width it is.

const windowWidth = document.documentElement.clientWidth || window.innerWidth;
const windowHeight = document.documentElement.clientHeight || window.innerHeight;
  
assert.isAbove(
  windowWidth,
  850,
  'Please run this test in a larger window (before any media queries) '
);

I’d have to look at it some more but it is definitely failing above 850 until 868 (it is for me anyway).