Build a Product Landing Page - Help needed

Build a Product Landing Page - Help needed


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

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:


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!


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


See my IM - i think it will help you



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.