Make nav-bar horizontal

1

why is my nav-bar like this and how do I fix it?
would also appreciate any other advice for improving my product landing page.

2

What do you mean by ‘fix’ ?

Do you want it full width, position sticky, disappear on click ?

3

I assume you ask why your nav is showing below the logo, well you can add

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

to your header in css, from there you can start trying things… like adding padding to nav and stuff like that. :slight_smile: , also try to style from top to bottom( finish everything you want to do to the header, then move to the next section/tag. and so on. Don’t focus on how things looks below what tag you working on) I hope this makes sense. Happy coding!

4

thanks for the advice but now it is squashed together

5

yes, you have to give the next id=“why” in css a padding-top or margin like

#why {
     padding-top: 100px;
}

Also I suggest you to go back to the css section, and read it again.