It looks good on a screen below 816 pixels @KurtBrusselSprouts, but on anything larger there’s a horizontal scrollbar and the only way to read content is to continually scroll left and right.
@KurtBrusselSprouts, I’m on a MacBook Pro running Sierra. I see the horizontal scrollbar for the entire browser window on the latest Chrome and Firefox browsers when the screen width is greater than 816 pixels.
If I use the horizontal scroll bar…the main content “jumbles” with the navbar. I think that’s an easy fix…
edit: The issue seems to have been a single CSS property-value pair on the #main-doc element. I had “position: absolute” which was unnecessary. I noted that property-value pair out of #main-doc…but it’s still in the codepen so anyone can see it.
FYI: This error is also in the sample document from the project. I think I just created a technical document project better than the example project everyone is doing! LOL. I should learn how to submit a pull request and update the curriculum here at FCC (yeah you know me)