Build a Technical Documentation Page User Story #14

HTML-CSS
#1

Hello,

I’ve spent hours trying to figure out how to pass User story 14 but I’m really struggling - I’m noticing that the content is overflowing .container - I can’t figure out how to stop that happening either- I don’t know if this has something to do with the fact it won’t pass #14
Please help!

Code Pen:
https://codepen.io/judesfer/pen/eYgRrLW?editors=1100

Link to the challenge:

#2

there is not a test number 14, what is giving you issues?

#3

Hi!
Sorry on the code pen test it’s Layout #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.

#4

I’m looking at it and thinking it is on the left - and when it goes below 650px it goes to the top like the example one - but noticing there is some overflow from the main container? - I can’t seem to fix that and I don’t know if thats what’s cause the test to fail

#5

can you transcribe the error message that appear below the failed user story?

#6

Please run this test in a larger window (before any media queries) : expected 587 to be above 850
AssertionError: Please run this test in a larger window (before any media queries) : expected 587 to be above 850
at Proxy.f (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:549:2957)
at Proxy.l (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:431:130)
at Function.n.isAbove (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:574:960)
at a. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:657:150940)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:38668
at i.g.run (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:38963)
at N.runTest (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:45686)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:46651
at o (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:45075)
at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:45145

#7

have you read this part?

#8

Yeh, I have viewed it as large as my laptop allows and it’s in the left half of the screen and remains stationary.
I really don’t know what else to try!

#9

does it still say the same when you run the tests with the site preview as large as possible?
even if you put it in full screen? (from change view button on top right corner)

#10

HI @jude.lferguson !

I just ran it and it works for me

Screen Shot 2021-04-07 at 7.34.04 AM
Screen Shot 2021-04-07 at 7.34.04 AM2560×990 403 KB

#11

ahh! I didn’t run the tests on the larger screen! - Thank you very much!

#12

Thank you - I was running in the code view !!