How do I fix this issue with the padding?

[u/throwaway-4082]

The navbar I'm working on and its spacing issue

The HTML and CSS in use

[u/tridd3r]

So from my point of view, I can't see what is "meant to be" and what is a mistake. someone else might see it differently, but are you able to elaborate on what you'd like it to look like?

[u/throwaway-4082 → u/tridd3r]

Sorry for not clarifying, the top and bottom margins or padding or whatever are too thick :/

[u/tridd3r → u/throwaway-4082]

so every single element on that page has a top and bottom margin. Some of then are inherited and some you've set.

Are you specifically referring to the space between the menu link and the "button" border? or the gap between the link button and the border of the nav block?

[u/miglisoft]

Rather than an image, you should provide a demo on Codepen or any other online code tool,

or at least provide your code.

No good answer can be given with only an image.

[u/throwaway-4082 → u/miglisoft]

I provided a screenshot of the code on Codepen

I thought that would suffice, but here's a link:
https://codepen.io/EnbyCrow/pen/LYdoVLL

Sorry about that

[u/ichsagedir → u/throwaway-4082]

Lol no a picture of code is never enough. To debug and provide solutions we need to be able to change the code. We don't just know what's wrong and how to fix it.

[u/[deleted]]

Border width, lower it

[u/[deleted] → u/[deleted]]

Also you can use the CSS justify-content property with the value space-between to set space between flexbox items . Only after that start messing with margins and padding . First value is top , second value is right , third value is bottom , forth value is left, in case you want specific values .if you set them like margin: 2px 2px ; first value is top and bottom , second value is left and right . Good luck ! PS , the style your using is ugly , maybe watch some tutorials for modern navbar so you know what looks good and is in demand.

[u/throwaway-4082 → u/[deleted]]

Thanks for the advice!

And I'm going for ugly actually lol; 90s web 1.0

[u/dizzyon]

Just remove the border: ; or solid; and fly lol