Build a Product Landing Page - Help needed

HTML-CSS
1

Tell us what’s happening:
When my screen is small the nav bar shows properly up to a certain point then it starts looking weird. When my screen is large my nav bar also appears odd. I am not sure what I did wrong. My codepen is https://codepen.io/rob84044/pen/BPJJzV

Can you also tell me why I need ot have so many breaks in order to not have my email newsletter sign up in the top left of the screen?
Your code so far
I am not going to paste the code here as there is a lot of it.
Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:

2

You margins are messing up your navbar. I would get rid of all your margin properties and give your li items something like margin: 4%;

Also give your section id with email text-align:center;

Good luck!

3

So I did that now, but is still messed up.

4

See my IM - i think it will help you

Sean

5

Remove position fixed from .fixed class.

Give your id email text-align: center.

You should take a course here at FCC the responsive web design curriculum especially course on flex will make this project a lot easier.