Product landing page help

Product landing page help
0.0 0

#1

pls help me with the user story 13 i.e.,
. The navbar should always be at the top of the viewport. AssertionError: #header or one of its children should be at the top of the viewport even after scrolling: expected 122.3125 to be close to 0 +/- 15
code-pen: https://codepen.io/gauravrock/full/MXJmyq/
pls, fork if there is any other issue & pls share it?


#2

They just expect this:

#header{
  position: fixed;
  top: 0;
}

that will make your navigation fixed to the top.


#3

@sorinr can i fix on top with the help of bootsrap class or CSS only>>


#4

yes you can. just read the bs docs on how to do that


#5

If you are using bootstrap then you can use class="fixed-top"


#6

@sorinr
it can be done by adding the class “fixed-top”
but it’s not working in codepen whereas it works in local editor. And fixing it via CSS doe the job!!


#7

in codepen->settings->css part do not load both bs4 and bs3. just bs4 its enough. think the fixed-top class was named differently in bs3 and as you load it after bs4 some of the classes did not work as expected.


#9

thanks a lot @sorinr you are right bs3 and bs4 just override…u helped solving the issue:crazy_face::muscle:t2::+1:t2:


#10

You are very welcome. Happy coding :+1:


#11

there is one more issue if u can just help me with…

the heading "Quality " with paragraph benaeth it cannot have some margin-right property applied …can u help me sought that out!! :disappointed_relieved: