Hi guys, I am currently building my project on Product Landing Page and having challenges at step #13 and #14( 1. The navbar should always be at the top of the viewport.and 2. My product landing page should have at least one media query.).
Please can someone help me out?
Here is my link https://codepen.io/UcheJN/pen/zbwzKR
#13 Looks like your header is too big. Try to see if you can make header as big as only nav bar.
#14 You need to add a media query. Here is an example.
ok…thanks.
but it didn’t solve the problem…
use media query. @shimphillip has shared the link. also put you nav-bar at top in your html with position fixed.
The only thing left is to keep your navbar on top of the viewport when the user scrolls through your page. Pretty simple only one line of code to accomplish that.
Thanks guys…just solved it.