Dropdown Menu ISsue

Hey Everyone,
So I am working on a project where I am using a drop down menu in one of my

  • … The problem is that now it created am spacing issue in my navbar where there is like a huge gap in the middle… Can anyone help me out?

    Link to project: https://codepen.io/CAMZhAck/pen/dyOJRMR

  • Yeah, that is a tough one. It seems that it is spacing that one nav link based on the width of its widest child.

    We can control the width of the parent lis with something like:

    .nav-list > li {
      width: 100px;

    hey this kind of worked, so I appreciate it!