Hey!
I’ve recently decided to redo some of my projects, since it’s been a while since I’ve been able to focus on web development. I incorporated a responsive design and some minor Javascript functionality.
Here’s my new Technical Documentation Page: https://codepen.io/lenny-van-riel/pen/vYBjdgp
I added a dropdown menu as a responsive feature for mobile devices. However, I feel like I might have taken a hacky approach to it.
First, I couldn’t figure out how to use the position-property to position the dropdown list directly under the header of the page for smaller screens, without manually positioning it 60px from the top. this leaves me with an unscalable drop-menu.
Second, I’m unsure of the “toggleMenu” function. Don’t know if it’s necessary to toggle both the “.active” and “.inactive” classes, but couldn’t get it working otherwise.
Let me know what you think. I would really appreciate some advice specifically on these two concerns .