Product Landing Page Navigation links change when browser minimized


Hi I was wondering if you guys could check out my landing page the navigation bar links look odd when the browsers is minimized. Any feedback would be helpful.

You’re floating your links to the left and then your left margin is at 500px. When the window gets smaller there’s no room for your links to go but under each other, no room to be responsive. You could try right margin instead and remove right margin on your last-child(Useful :nth-child Recipes). Or use grid or flexbox instead.

Also positioning your list items instead of anchors would be more sensible.

Keep grinding, use google and you’ll be cranking out responsive navbars in no time :wink:

1 Like