I’m hoping somebody can take a look at my Technical Documentation page and maybe help me out.
I’m pretty happy with my page apart from it’s responsiveness. I have one media query to change the position of the nav bar from the top to the side of the page which works fine. The main element is set to 100% width (which I understand to mean 100% of its container) but when the screen size goes below about 680px the content stops scaling down. The reason this happens may be obvious to someone else, so I’m hoping one of you might see what I’ve been missing.