Nav Bar Justify-content : space-between not working
I'm working on the header section of a page. I started with mobile which is working fine. The mobile version is a hamburger menu. The problem is with the larger screen size. I expected justify-content: space-between to keep my nav-items to the left of the page, but it doesn't. The nav-items are stuck to the left, butting right next to the logo. I added a width the nav-items' <ul> tag but that just made the nav-items stuck in the middle of the header. Hopefully my code explains this better.
I'm completely stuck. I put the relevant code in a codepen if anyone has time to take a look and assist.
https://codepen.io/arogersrenee/pen/gOQEmQE
I'm completely stuck. I put the relevant code in a codepen if anyone has time to take a look and assist.
https://codepen.io/arogersrenee/pen/gOQEmQE
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
