Personal Portfolio Page - Navbar is shifted to the right

Tell us what’s happening:
My navbar shifted right after a few changes in the CSS, mainly added a new container class to keep viewport height at 100%.

Your code so far
https://codepen.io/smbecerra/pen/LYPxaqK?editors=1100
Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage

You have a lot of padding on your nav links, I would think 20px all around would be fine.

  1. Add left: 0; to #navbar

  2. Add padding: 0; to .nav-list to remove the default padding on the UL. Add flexbox justify-content: space-evenly; on it as well.

  3. Lower the padding on the links .nav-list a to something like 20px. You also have an invalid CSS property value (float: float;) you can remove.

1 Like

Thank you for the well explained response!