Also, because you set viewport units to width and height of navbar elements, the page ends up having overflow problems like the ones shown here:
or here, where the height of the nav link text is bigger (because of a long content) than its container:
I didn’t understand this question. I thought there was a problem that made your sidebar change its width suddenly, but size was always fixed for me, independently of the viewport dimensions.