Hey, nighthawks! Hope everyone is having a happy coding day or evening lol!
I just made a mock up of the Technical Documentation Page. I didn’t do it with the testing script active yet. I just looked at the original project page in the example and tried to make it as similar to that as I could. Fully responsive as well. The mobile however is giving me trouble.
I am getting stuck on my mobile y axis scrollbars. Can someone take a look and let me know if there is a solution to this problem. I have my body scrollbar overflow-y:scroll on mobile and my #main-content .content-area .content-sections scrollbar is on as well. If I get rid of my overflow-y:scroll for my .content-sections than when you click a nav link the content sections get pushed up hidden under the navigation. Thoughts?
Here’s the links:
Original Technical Documentation Landing Page Example: https://codepen.io/freeCodeCamp/full/NdrKKL
My Mock Clone: https://hopeful-booth-2767ed.netlify.app/
My Codepen: https://codepen.io/dobs93/pen/OJyqbJR
The first picture is the look I am trying to achieve with just the body scrollbar and the second picture is my screen. If I get rid of the content scrollbar than the content gets pushed up under the nav.