Why is my article overlapping into my nav, and how do I fix it?

Go easy on me, I haven't worked with CSS or HTML since like high school. It could completely be that this is perfectly fine behavior and I'm overthinking it considering the texts aren't mixing, it's just the border going into the navbar that worries me.

Outside of knowing how to fix this issue so that, you know, my article section and my navbar section are separated from one another, are there any other glaring cases of bad code practices that I've made here? I feel like I might be overusing variables or classes.

https://jsfiddle.net/4vkxybqj/3/
image.png
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Was this page helpful?