Personal Portfolio Page - Navbar is shifted to the right

HTML-CSS
1

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


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:

2

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
3

Thank you for the well explained response!