Technical Document Mobile Formatting

I’m almost done with the technical document, at the point where it looks good on desktop. But of course mobile formatting is an issue, namely with the navbar. It seems to go beyond the background color and the margins are all wrong, same with the code bits. How would I fix that? https://codepen.io/Smellbringer/pen/jOMmYez

Not sure what you need but maybe play around with your @media navbar styling like removing max-height and the padding at the bottom.

I fixed it, removed the border and the color, it still looks good.